微信小程式三種開發方式對比（原生，wepy，mpvue）

前言

       如今公司随潮流，把現有h5項目，重做成小程式項目！網上搜尋到 現微信小程式的三種開發方式 做下對比！

不足之處請多多指點！

開發文檔

1. 原生開發小程式文檔：點此進入
2. wepy 開發文檔：點此進入
3. mpVue 開發文檔：點此進入

 三者的簡單對比

小程式缺點

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

不支援vue的過濾器

filters

(是以資料都得提前處理，或者後端處理好後傳回給前端)

wepy和mpvue的性能對比

看下圖

mpvue資料管理

小程式缺點

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

不支援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明顯沒有這個問題。

本文來源：https://www.imooc.com/article/68221

更多技巧請檢視vue專欄   https://blog.csdn.net/qq_42221334/column/info/27230/1