介绍
2018 年初美团宣布开源小程序框架 mpvue(github 地址),这个小程序框架是基于 Vue.js 框架开发的。到 2019 年 2 月,mpvue 更新至 2.0 版本,并且支持微信、支付宝、百度和头条四大平台的小程序。mpvue 正已猛烈的势头冲击着小程序开发版图,其以 github 1.8w+ Star 坐稳 Vue 生态小程序框架第一的位置。同时随着小程序的应用场景越来越多,mpvue 可以说是 Vue 开发者不可不学的必备技能之一。那么 mpvue 具体来说是什么呢?我们先看一下官方的解释:
mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
通过官方的解释,我们可以初步了解 mpvue 是:
- 基于 Vue.js 源码修改,使小程序获得 Vue.js 的开发体验;
- 修改 Vue.js 的 runtime 和 compiler 源码,兼容小程序环境。
以上两点是 mpvue 的核心特质,简单说我们可以编写 Vue.js 源码,通过 mpvue 提供的 compiler 模块实时将源码转换为小程序源码。除此之外,在程序 runtime(运行时)我们还可以继续使用 Vue.js 的特性来提升开发效率,如组件化、计算属性、指令等。以上两点大大降低了小程序开发门槛,使得我们可以用极低的学习成本介入全新的小程序开发,这也是 mpvue 快速走红的重要原因。
学习路径
我认为最重要的五样工具分别是:
它们的学习顺序应当是:小程序官网 => vue 官网 => mpvue 官网 => vue 源码 => mpvue 源码。不建议大家在不理解小程序知识和 vue 知识的前提下直接开始学习 mpvue,因为 mpvue 高度依赖这两者,直接开始学习 mpvue 会让学习过程变得非常沉重。