小程序第三方框架比较(wepy/mpvue/taro)

众所周知，如今市场的高端形态多种多样，如移动Web、ReactNative、微信小程序、支付宝小程序、快速应用等。每一端都是一个巨大的流量入口。当业务需求需要同时在不同端表达时，为不同端编写多套代码的成本显然非常高。此时，极其需要通过只编写一组代码来适应多种目的的能力。但是，面对市场上成熟的小程序第三方框架，如何选择自己的需求也是一件麻烦事。本文对市面上的三种翻译框架进行了全面的对比，希望对大家的技术选择有所帮助，如有不妥，希望指正。

　小程序开发有哪些痛点？

在频繁调用setData和setData时，对页面跳转的组件支持能力太弱(几乎没有)，less、SCS等预编译器无法使用。请求并发限制

　为什么使用第三方框架？

，只要熟悉vue或者反应过来，就可以快速上手，并且可以在多个终端(微信、支付宝、h5、RN)编译运行一套学习成本低的代码支付宝小程序在组件开发方面暂时还不完善，完美解决了组件隔离、组件嵌套、组件通讯等问题。它支持使用第三方npm资源使小程序支持Promise，解决回调麻烦，可以使用generator fu-n action/class/async function等特性。提高开发效率，优化小程序本身，如生命周期补充、性能优化等。支持风格编译器： Scss/Less，模板编译器和代码编译器：巴贝尔/Typescript。

第三方框架对比 wepy mpvue taro

在这里，我对三个常用的开源小程序框架做了一个全面的比较，还有一个基于react的小程序翻译框架叫nanchi，由于缺失和研究，暂时不做比较；

WEPYhttps://tencent.github.io/wepy/document.html

类似vue语法规范的腾讯开源小程序框架借鉴了Vue的语法风格和功能特性，支持Vue的很多特性，比如父子组件、组件间通信、计算属性计算、wathcer监听器、道具值传输、槽分布，以及Mixin、拦截器等很多高级特性。WePY的第一个版本发布于2016年12月，当时小程序刚刚推出。到目前为止，WePY已经发布了52个版本，最新版本是1.7.2。

MpVuehttp://mpvue.com/mpvue/#-html

美团团队开放的使用Vue.js开发微信小程序的前端框架。使用该框架，开发人员将获得完整的Vue.js开发体验，同时为H5和小程序提供代码重用的能力。Mpvue发布后几天就获得了2.7k星，上升速度一路飙升。到目前为止，已经有13.7k颗星了。

Tarohttps://taro.aotu.io/

JD.COM凸凹实验室是使用React.js开发微信小程序的开源前端框架，采用与React一致的组件化思想，组件生命周期与React一致。同时支持使用JSX语法使代码更具表现力，使用Taro可以获得与React一致的开发体验。同时，由于使用了react，除了h5和applet之外，还可以编译成ReactNative。

Star :

生命周期

同为vue规范的mpvue和wepy的生命周期和各种方法是不同的。

　　wepy

wepy的生命周期与原生小程序基本相同，在此基础上结合了vue的一些特性。至于WePY中的methods属性，由于与Vue中的使用习惯不一致，非常容易引起误解。这里需要强调的是，WePY中的methods属性只能声明页面的wxml标签的bind和catch事件，不能声明自定义方法，这与Vue中的用法不一致。