微信小程序三种开发方式对比（原生，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