美团点评近期开源了mpvue，这是一个使用Vue.js开发小程序的前端框架。使用该框架，开发者将获得完整的Vue.js开发体验，同时为H5和小程序提供代码复用能力。如果你想把一个H5项目转成小程序，或者开发完小程序想转成H5，mpvue会是一个非常合适的解决方案。mpvue的核心目标是提高开发效率，提升开发体验。使用该框架，开发者只需初步了解小程序开发规范，熟悉Vue.js的基本语法即可上手。该框架提供了完整的Vue.js开发体验。开发人员编写Vue.js代码，mpvue将其解析为小程序并确保它们正确运行。此外，该框架还通过vue-cli工具为开发者提供了快速上手的示例代码。开发者只需要执行一个简单的命令就可以得到一个可运行的项目。主要特点：完善的组件化开发能力：提升代码完整的Vue.js开发体验便捷的Vuex数据管理解决方案：方便复杂应用的构建快速的webpack构建机制：自定义构建策略，开发阶段hotReload支持使用npm外部依赖Vue.js命令行工具vue-cli快速初始化项目H5代码转换编译成小程序目标代码。实现原理：Vue代码将小程序页面编写为Vue.js，实现父子组件关联小程序，Vue.js开发规范代码按照小程序开发规范编写视图层模板配置生命周期函数，以及调用关联的数据更新将Vue.js数据映射到小程序数据模型。在此基础上，增加如下机制，将Vue.js实例与小程序Page实例进行关联小程序与Vue.js生命周期建立映射关系，可以触发小程序生命周期中的Vue.js生命周期小程序事件循环建立代理机制，在事件代理函数中触发对应的Vue.js组件事件响应。据悉，mpvue框架已经在业务项目中得到实践和验证，目前正在美团点评内部广泛应用。mpvue基于Vue.js源码进行二次开发。在加入小程序平台实现的同时，保留了跟随Vue.js版本升级的能力。
