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.

root.mp.query 進行獲取小程序在 page

onLoad 時候傳遞的 options。要注意：寫在mounted函數里，寫到created報錯。

（3）在所有的組件內可以通過 this.root.

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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！