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