親身體驗小程序wepy和mpvue框架的區別

前言

小編公司也隨潮流,把現有h5項目,重做成小程序項目,前期是用wepy搭建的,開始感覺還不錯,隨著加入的功能越來越多,感覺性能也越來越成問題。下面我們來詳細介紹。

親身體驗小程序wepy和mpvue框架的區別

互聯網-程序員

開發文檔

  1. 原生開發小程序文檔:點此進入:https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/basic/getting-started.html
  2. wepy 開發文檔:點此進入:https://tencent.github.io/wepy/document.html#/
  3. mpVue 開發文檔:點此進入:http://mpvue.com/

三者的簡單對比

親身體驗小程序wepy和mpvue框架的區別

互聯網-程序員

小程序缺點

個人認為小程序開發中,最大的缺點,也是很蛋疼的問題

不支持vue的過濾器filters(因此數據都得提前處理,或者後端處理好後返回給前端)

wepy和mpvue的性能對比

看下圖

mpvue數據管理

親身體驗小程序wepy和mpvue框架的區別

互聯網-程序員

computed: {

trainListFilterList () {

console.log(1111)

}

}

wepy數據管理

親身體驗小程序wepy和mpvue框架的區別

互聯網-程序員

@connect({

trainListFilterList(state) {

console.log(11111)

}

}

從這裡這裡看出同樣是數據處理,wepy會執行很多遍,一直處於監聽狀態,只要頁面有事件,或者數據變動,都會觸發。導致頁面會渲染很多次,這也是我開始所說的wepy的性能問題。或許是我沒有學到更深次,沒有處理好這個問題,希望各位大神支招。

上面是寫在vue頁面的@connect裡面,解決這個問題需要把處理數據的方法都提取到store->reducers裡面去,處理好後重新賦值給state,如此反覆,總感覺不是很好,所以現在用mpvue,我也第一時間看了這個問題,感覺mpvue明顯沒有這個問題。

公告


分享到:


相關文章: