前言
小編公司也隨潮流,把現有h5項目,重做成小程序項目,前期是用wepy搭建的,開始感覺還不錯,隨著加入的功能越來越多,感覺性能也越來越成問題。下面我們來詳細介紹。
開發文檔
- 原生開發小程序文檔:點此進入:https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/basic/getting-started.html
- wepy 開發文檔:點此進入:https://tencent.github.io/wepy/document.html#/
- mpVue 開發文檔:點此進入:http://mpvue.com/
三者的簡單對比
小程序缺點
個人認為小程序開發中,最大的缺點,也是很蛋疼的問題
不支持vue的過濾器filters(因此數據都得提前處理,或者後端處理好後返回給前端)
wepy和mpvue的性能對比
看下圖
mpvue數據管理
computed: {
trainListFilterList () {
console.log(1111)
}
}
wepy數據管理
@connect({
trainListFilterList(state) {
console.log(11111)
}
}
從這裡這裡看出同樣是數據處理,wepy會執行很多遍,一直處於監聽狀態,只要頁面有事件,或者數據變動,都會觸發。導致頁面會渲染很多次,這也是我開始所說的wepy的性能問題。或許是我沒有學到更深次,沒有處理好這個問題,希望各位大神支招。
上面是寫在vue頁面的@connect裡面,解決這個問題需要把處理數據的方法都提取到store->reducers裡面去,處理好後重新賦值給state,如此反覆,總感覺不是很好,所以現在用mpvue,我也第一時間看了這個問題,感覺mpvue明顯沒有這個問題。
公告
閱讀更多 慕課網 的文章