mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 减少重复劳动 ⾃自动化构建 组件化开发 企业级开发核⼼心能⼒力力 适⽤用⼤大型项⽬目重要 uni-app 终极跨解决⽅方案 100 packages 《如何看待美团开源的 mpvue》 知乎阅读数 22万 京东，360，滴滴使⽤用，⽀支付宝⼩小程序合作 技术交流群 技术社区 类别 序号 接⼊入⽅方 酒店旅游 1 美团酒店 2 美团⻔门票 3 美团汽⻋车票

的多次开发运维上，为了解决研发人力瓶颈问题，我们需要一款“一次研发，多终端 前端 < 75 容器复用”的研发框架来提升研发效率。 调研整个前端领域，我们找到了一些业界的解决方案，像是美团最早的 mpvue、腾 讯的 Wepy、滴滴的 Chameleon、京东的 Taro 等等。在经过比较与试用之后，我 们最终基于投入产出比的价值判断，选择站在巨人的肩膀上研发定制一款满足美团技 术、业务场景的研发框架——React2X（后面简称 一家能满足我 们的业务诉求，但它的生态环境并不适合在美团体系内使用。基于多方面因素的考 前端 < 77 虑，我们决定结合各大主流框架之所长，然后开发出一款属于美团外卖的跨容器复用 框架。 对比项 mpvue Taro 1.3 Chameleon WePY UniApp DSL Vue 类 React（Nerv） 类 Vue Vue Vue 是否支持 React Native 否 是，但支持效果不佳