mpvue是一個類vue的小程序框架拣展，幫助開發(fā)者提高效率拜银，增加開發(fā)體驗，開發(fā)者只需要熟悉vue的api語法使用即可上手阴汇。官方還提供了了基于@vue/cli腳手架的快速開發(fā)方式数冬。執(zhí)行
vue init mpvue/mpvue-quickstart minidemo
cd minidemo
npm install
npm run dev復(fù)制代碼
操作以上步驟即可初始化一個mpvue的初始化項目。這樣mpvue的入門就完成了搀庶。
mpvue除了支持vue的生命周期鉤子函數(shù)拐纱，還支持小程序的生命周期鉤子函數(shù)，官方建議 除特殊情況外哥倔，不建議使用小程序的生命周期鉤子秸架。
常見問題
1. 如何獲取小程序在 page onLoad 時候傳遞的 options
在所有 頁面 的組件內(nèi)可以通過 this.$root.$mp.query 進行獲取。
2. 如何獲取小程序在 app onLaunch/onShow 時候傳遞的 options
在所有的組件內(nèi)可以通過 this.$root.$mp.appOptions 進行獲取咆蒿。
3. 如何捕獲 app 的 onError
由于 onError 并不是完整意義的生命周期东抹，所以只提供一個捕獲錯誤的方法，在 app 的根組件上添加名為 onError 的回調(diào)函數(shù)即可沃测。如下：
export default {
// 只有 app 才會有 onLaunch 的生命周期
onLaunch () {
// ...
},
// 捕獲 app error
onError (err) {
console.log(err)
}
}復(fù)制代碼
以下使用mpvue創(chuàng)建一個小程序
執(zhí)行npm run dev 后可以看到生成 dist/wx的路徑缭黔，將生成的文件目錄導(dǎo)入小程序開發(fā)工具即可。
這樣就搭建好了一個基本的mpvue小程序, 可以基于以上創(chuàng)建我們自己的項目蒂破。具體內(nèi)容查看github馏谨，附上一張首頁圖
