mpvue開發小程序的那點小事

mpvue

mpvue是由美團點評團隊開發的， 是一個使用 Vue.js 開發小程序的前端框架。框架基於 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實現。

對於擁有Vue開發經驗的開發者，使用mpvue開發小程序那是一種不錯的體驗。
與此同時還有一個叫wepy的東東，是一個類Vue的開發風格，但也僅僅是相似，並無從像mpvue從底層改寫。

mpvue的目錄架構和使用vue-cli2搭建vue項目的架構能夠說是基本差很少，大同小異，包含了

├── build
├── src
│ ├── components
│ ├── pages
│ ├── utils
│ ├── App.vue
│ └── main.js
├── config
│ ├── index.js
│ ├── dev.env.js
│ └── prod.env.js
└── static

其實使用mpvue開發小程序那種感受和使用vue開發H5網頁，只是對應的插件和API有所不一樣，固然mpvue也有不少坑在裏面，在這裏就和你們分享一下。

①·就目前來講，沒有專屬於mpvue的UI組件，固然能夠把其餘UI組件的代碼複製過來也是能夠的。
②·在跳轉頁面的時候，若是使用mpvue開發，那麼跳轉的以前頁面的數據並無重置，而原生小程序是會重置的，因此對於沒有重置的數據，會帶來必定的數據混亂隱患，須要去手動清除數據。
③·mpvue的性能問題，有人作過測試，根據實驗的結果來看，mvpue的性能不太好，而且我自身在使用mpvue-parse解析富文本內容的時候，數據若是達到幾十K，那麼渲染的頁面會很卡頓，包括JS的響應也很慢。
④·mpvue因爲沒有app.js，那麼也就沒有globaldata，對於全局變量，咱們能夠利用global對象來存儲
⑤·在使用vue開發過程當中，若是獲取的ajax數據沒有涉及到dom，咱們通常會選擇在created階段中獲取。可是在mpvue中，created的生命週期在APP Launch以前，若是選擇在created獲取數據的話，後果可想而知，全部頁面的在首頁進入的時候就會獲取數據，因此在mpvue中，獲取數據通常選擇在mounted階段。

mpvue這個框架若是在開發時間成本的約束下，是具備必定的優點，若是在時間充裕的狀況下，建議使用原生開發!