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

[ 分享 ] 微信小程序与Vue的巧妙碰撞_第1张图片
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 目录,这个目录里就是生成的小程序相关代码。

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

[ 分享 ] 微信小程序与Vue的巧妙碰撞_第2张图片
1.png

对照 mpvue 完整文档 开始我们mpvue之旅。
使用生命周期:
[ 分享 ] 微信小程序与Vue的巧妙碰撞_第3张图片

需要留意的几点:


[ 分享 ] 微信小程序与Vue的巧妙碰撞_第4张图片
不支持.png
[ 分享 ] 微信小程序与Vue的巧妙碰撞_第5张图片
注意点.png

你可能感兴趣的:([ 分享 ] 微信小程序与Vue的巧妙碰撞)