编者按:

在小程序建设之初,通过详细了解小程序技术特点,酒旅团队就设想了将H5的产品功能快速迁移到小程序的可行性,但由于当时的开发社区和小程序官方都还没有对应的解决方案,人工做迁移的成本相几乎等同于重新开发。

当时社区的最佳解决方案是 wepy 小程序组件化开发框架,但由于技术栈差异,美团酒旅基于 Vue.js 的代码无法通过 wepy 得到复用。在和 wepy 开发者交流后了解到 wepy 短期内没有支持 Vue.js 的计划(目前已经大范围支持),于是他们决定自己做一个代码转化工具,这就是 mpvue 的雏形。

工具详情复制链接:http://mpvue.com/ 至浏览器查看。

那么 mpvue 究竟能为小程序开发提高多少工作效率呢?用胡成全本人的话说:“以酒旅旗下一款相对复杂的火车票抢票的小程序为例, mpvue 的开发耗时相比原生开发方式的估时提升了 54% 的开发时间”。

你一定很好奇,这个工具提升了开发效率,但是做这个工具本身不也是一件很耗时的事情吗?胡成全表示,这个工具的想法是从2017年3月就有了,但 mpvue 本身的开发周期,是7月到8月中旬大约一个半月的时间。

接入成本:只要你会Vue.js

mpvue 对用户来说有一个很赞的地方,就是它对 Vue.js 的语法支持程度能做到 90% 以上。

Vue.js 是目前最流行的前端框架之一,GitHub 上Star 数量超过9万,在社区有着大量的使用者。胡成全表示mpvue 框架开源后能够获得广泛认同和使用的原因,一方面源自于小程序社区的活跃度,另一方面也来源于对 Vue.js 开发者友好的技术选型。

在对框架的能力设计上,mpvue 会尽可能多地适配和复用了Vue.js 解决方案,包括代码构建、文档的支持等,这使得原本熟悉 Vue.js 的开发者,在切换到 mpvue 的时候基本上可以做到零成本,不用再去学习另外一套框架规范。

mpvue 选择 Vue.js 作为小程序开发规范,但同时也支持微信小程序的原生开发方式,因为对小程序开发框架来说,无论是 mpvue 还是 wepy,最终编译出来的代码都必须符合小程序语法规范,区别在于引入的框架不同,从这个角度上来说,mpvue 的代码跟微信官方推荐的代码是有差异的,只是开发者可以不用关注这部分细节。

哈?你说你不会Vue.js?去学吧,就算不为了用mpvue…… 总有一天你会明白它的好~

挑战wepy,mpvue的优势在哪里?

对比 wepy,mpvue 的优势在哪里?

关于mpvue和wepy的异同,一张表可以看清:

mpvue 的核心优势是相对于 wepy,它和 Vue.js 结合的更好,对 Vue.js 的语法支持程度更高,通过引入 Vue.js 内核的的方式在框架底层对语法特性做直接支持,设计思路上要做得好一些。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐