mpvue小程序框架

mpvue美团开源项目。
由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由于受限于小程序环境本身的原因而不能使用），这给使用过Vue开发Web应用的前端开发者提供了极低的切换门槛来开发小程序。
官网地址： http://mpvue.com/mpvue/

1.安装开发工具

1）微信开发者工具

这个工具是开发、调试和模拟运行微信小程序的最核心的工具了，所以必须安装。
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2）代码开发工具

Visual Studio Code 或webstorm或sublime等都可以
安装教程见： https://www.jianshu.com/p/93929e0a93a8

2.创建新项目

# 全局安装 vue-cli
$ npm install --global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project

#一路回车
? Project name firstapp
? wxmp appid touristappid
? Project description A Mpvue project
? Author kevinzhang <kevin.zhang@moredist.com>
? Vue build runtime
? Use Vuex? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? 小程序测试，敬请关注最新微信开发者工具的“测试报告”功能 

   vue-cli · Generated "firstapp".

   To get started:
   
     cd firstapp
     npm install
     npm run dev
   
   Documentation can be found at http://mpvue.com

# 安装依赖
$ cd my-project
$ npm install

# 启动构建
$ npm run dev

3.开发

注：

代码开发在vscode等编译器中开发，在微信开发者工具中查看效果，因为微信开发者工具打不开.vue格式文件，所以此时相当于chrome浏览器。

4.mpvue与vue的区别

1.不支持v-html
2.{{}}语法不支持复杂的js表达式，目前可以使用的有 + - * % ?: ! == === > < [] .
3.不支持Class 与 Style 中的 classObject 和 styleObject`语法
4.不支持过滤器
5.不支持在template中使用methods里定义的函数
6.暂不支持在组件上使用 Class 与 Style 绑定
7.不能使用路由