mpvue-新建页面、页面跳转、自适应单位

1、mpvue怎么新建页面？

（1）粘贴复制一个页面文件夹，只需要改文件夹名- 文件名不需要改，main.js里的东西不用动。export default里更改局部顶部栏配置。

（2）index.vue里面可以更改内容。

2、mpvue页面跳转与传值？

（1）在mpvue中没有继续延用vue路由的写法，而是继承小程序的一套解决方案，

（2）用小程序的方法跳转传值。

var url = "../one/main?id=" + this.option

wx.navigateTo({url})

（3）<navigator url="'../test/main?id='+id></navigator>，用hover-class传动态参数，怎么传还没弄懂。

（4）a标签也可以跳转，用href属性。

3、mpvue接受页面传过来的值。

（1）必须是在onLoad钩子函数往后的生命周期中获取

onShow (options) {

    let id = options.id

}

（2）在所有 页面 的组件内可以通过 this.$root.$mp.query 进行获取小程序在 page

onLoad 时候传递的 options。要注意：写在mounted函数里，写到created报错。

（3）在所有的组件内可以通过 this.$root.$mp.appOptions 进行获取小程序在 app

onLaunch/onShow 时候传递的 options。

4、如何做不同分辨率设备的自适应？

（1）以iphone6的物理像素750*1334为视觉稿进行设计，而在小程序中使用rpx为单位，iphone6下 1px = 1rpx = 0.5pt

（2）使用rpx小程序会在不同分辨率的设备下自动进行转换，而px不会

（3）建议设计团队按iphone6双倍效果图为标准，抠图双倍图片会增加项目大小，建议用单倍抠图。

（4）不是所有的单位都适合rpx，字体不适合rpx,会导致不同设备看不清。醉虾开发是手动调整的。

（5）微信小程序也支持rem尺寸单位，rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx=35rpx

作者：醉虾不醉
链接：https://www.jianshu.com/p/4751291b5f9b