小程序面世一年多以来，给前端开发带来了巨大的影响，有移动应用的地方，就有小程序的踪迹。经过一年多的发展和沉淀，小程序能力不断放开，产品形态日趋成熟，已经发展成独立的端上开发技术体系，俨然与 H5、native 形成鼎足之势。
但与此同时，小程序社区并不够活跃，小程序技术体系和解决方案也相对薄弱。因此，一款对开发者友好，能应对复杂应用场景，与现有前端技术契合良好的框架必将为小程序社区带来重大利好，mpvue 正是这样一款小程序开发框架。
mpvue 是什么?
mpvue 是一款为解决小程序工程化、规模化开发的前端框架。她巧妙的将流行的前端框架 Vue.js 集成到小程序，使得开发者可以在小程序的开发过程中，完整的体验到 Vue.js 的能力。此外，mpvue 通过 quickstart 项目向开发者提供了完整的 Vue.js 技术方案和基础设施。
mpvue 来自哪里?
mpvue 是美团点评的开源技术项目，目前在美团点评的所有开源项目中位列第一，由专门的团队负责维护。在完成 mpvue 之前，我们经过了小程序早期的开发阵痛：无法复用现有的web前端代码，不能较好的支持组件化开发，无法支持 npm 外部依赖，较高的学习成本 … 随着小程序业务的不断增多，问题规模化效应不断放大，所需的技术方案也日渐清晰：前端技术栈无缝过度，两端代码复用，提供组件化能力以适应规模化开发能力，自动化构建提升开发效率。
mpvue 发展阶段: mpvue 最终方案的形成，经历了三个阶段。
第一阶段：我们计划实现一个代码代码转换工具，可以快速的将 HTML 转换成小程序代码，以此实现前端代码复用。但工具能力定位所限，带来的效率提升只在已有代码的转化场景。
第二阶段：我们立足于工程化的思路，着眼于提高效率，设计了代码组件化机制。选择是简单的，基于现有技术栈，参考 Vue.js，编码实现了小程序版本的单文件组格式。我们解决了组件命名空间、数据同步等一系列问题，但无法支持复杂的应用场景，改进有限。并且对更多的 Vue.js 语法特性支持，将使得开发工作量变得异常巨大，无以为继。
第三阶段：计划从根本上解决第二阶段的遗留问题，实现对 Vue.js 语法的全量支持。几经探索，最后通过引入和改造 Vue.js runtime 完成。经过后续不断优化，在业务中多次实践，能力和效果最终得到验证。
mpvue 主要特点:
首先 mpvue 直接支持 Vue.js 语法，对比 “支持类 Vue.js 语法” 有本质的区别。目前框架对 Vue.js 的语法支持程度超过90%。因此 Vue.js 框架包括的一揽子技术解决方案，我们都可以平移过来，作为 mpvue 的整套基础设施，这是 mpvue 最主要的能力和优势。
其次是 mpvue 的组件化开发能力。开发过小程序的同学应该有所了解，原生的公共组件提取需要拆成三个文件，在不同的入口中分别引用，使用极其不便，mpvue 将其封装的简单易行。
构建集成，小程序框架定位是一个简单的逻辑视图框架，一开始没有足够的考虑复杂场景，一旦应用的规模上来、业务变得复杂，要做到自动构建和集成需要手动完成大量工作，而 mpvue 直接提供了这套能力。
上述能力，并不能通过小程序原生框架得到，但通过使用 mpvue 都能直接获取。
以上就是使用 Mpvue 开发微信小程序的最佳实践，有想法没技术怎么办？上汇桔网。在商业大数据的环境下，帮助企业转型，让数据掌握在商家手里，汇桔网精选全国专业开发公司，让互联网商业变得更简单，专业铸就一流品质。您的需求，我们全力满足，点击进入汇桔网咨询。
使用 Mpvue 开发微信小程序的最佳实践
