眾所周知如今市面上端的形態多種多樣，手機Web、ReactNative、微信小程序, 支付寶小程序, 快應用等,每一端都是巨大的流量入口，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去編寫多套代碼的成本顯然非常高，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

但面對目前市面上成熟的小程序第三方框架如何針對自己的需求進行選擇也是一個麻煩事,本文針對當前市面上的三大轉譯框架進行一個綜合對比,希望能對大家的技術選擇有所幫助,如有哪里不妥的地方希望指正;

　小程序開發有哪些痛點?

 •頻繁調用 setData及 setData過程中頁面跳閃
 •組件化支持能力太弱(幾乎沒有)
 •不能使用 less、scss 等預編譯器
 •request 并發次數限制

　為什么使用第三方框架?

•只要熟悉vue或react即可快速上手,學習成本低
 •一套代碼可在多端編譯運行(微信,支付寶,h5,RN)  支付寶小程序暫不完善
•組件化開發，完美解決組件隔離，組件嵌套，組件通信等問題
•支持使用第三方 npm 資源
•使小程序可支持 Promise，解決回調煩惱
 •可使用 Generator Fu-nction / Class / Async Function 等特性，提升開發效率
•對小程序本身的優化，如生命周期的補充，性能的優化等等
 •支持樣式編譯器: Scss/Less，模板編譯器，代碼編譯器：Babel/Typescript。

    第三方框架對比 wepy mpvue taro

　　在這里我通過對目前已開源的三種常用小程序框架做一個綜合對比, 還有一個叫nanchi的基于react的小程序轉譯框架,由于沒來的及研究暫不做比較;

•WEPY https://tencent.github.io/wepy/document.html

　　騰訊團隊開源的一款類vue語法規范的小程序框架,借鑒了Vue的語法風格和功能特性,支持了Vue的諸多特征，比如父子組件、組件之間的通信、computed屬性計算、wathcer監聽器、props傳值、slot槽分發，還有很多高級的特征支持：Mixin混合、攔截器等;WePY發布的第一個版本是2016年12月份，也就是小程序剛剛推出的時候，到目前為止，WePY已經發布了52個版本, 最新版本為1.7.2;

•MpVue http://mpvue.com/mpvue/#-html

　　美團團隊開源的一款使用 Vue.js 開發微信小程序的前端框架。使用此框架，開發者將得到完整的 Vue.js 開發體驗，同時為 H5 和小程序提供了代碼復用的能力。mpvue在發布后的幾天間獲得2.7k的star,上升速度飛起,截至目前為止已經有13.7k的star;