[ 分享 ] 微信小程序与Vue的巧妙碰撞

mpvue.png

写微信小程序有一段时间了，最近半年来张小龙大大动作频频，对应的公司里小程序业务也多了很多。
写了那么久的小程序，久则生变，恰巧这周美团前端技术团队开源了mpvue，一款基于vue的小程序开发框架，它可以使你写vue一样的写法小程序，也就是说可以在小程序上用上熟悉的vue开发方式，组件化、vuex、条件渲染、事件绑定、 hotReload,
接下来我们一起快速上手体验一番吧！
mpvue 快速上手

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

// 安装依赖，走你
cd my-project
npm install
npm run dev

随着运行成功的回显之后，可以看到本地多了个 dist 目录，这个目录里就是生成的小程序相关代码。

接下来在小程序引入项目目录就可以开始编写小程序了。

1.png

对照 mpvue 完整文档 开始我们mpvue之旅。
使用生命周期：

需要留意的几点：

不支持.png

注意点.png