美团小程序框架 mpvue mvvm框架互通

mpvue （github 地址请参见）是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

主要特性：

使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力： 
1. 彻底的组件化开发能力：提高代码复用性 
2. 完整的 Vue.js 开发体验 
3. 方便的 Vuex 数据管理方案：方便构建复杂应用 
4. 快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload 
5. 支持使用 npm 外部依赖 
6. 使用 Vue.js 命令行工具 vue-cli 快速初始化项目 
7. H5 代码转换编译成小程序目标代码的能力

由于mpvue基于vue而来，所以基本的结构和命令也差不多；

首先我们先下载脚手架：

cmd输入：vue init mpvue/mpvue-quickstart test-wxapp

然后 进入我们创建的项目，并安装依赖

cd test-wxapp
npm i

• 1
• 2
• 3

最后，在运行一下我们的开发服务

npm run dev

• 1
• 2

项目就跑起来了，这个时候，我们打开微信开发者工具，选择小程序，然后新建一个，项目目录填 

我们项目目录下的dist目录 test-wxapp/dist,就可以看到效果了

到此为止，一个基本的项目就完成了，但是，本文的目的不是让你学会搭一个空项目的，空项目的话，我觉得官方教程做的已经够好了。