mpvue开发小程序

最近一直在写vue的项目，刚好看到了美团开发的mpvue，突然有了想写一个小程序的想法，于是花了一天的时候看了一下文档。

基本原理跟vue是一样的，语法也基本上按vue的来，其中的组件可以直接用小程序原生的组件，很是爽。

文档直通车：

      mpvue文档

      小程序文档

       github

由于是非官方需要 ，所以只是写了一个类似今日头条的新闻小程序，功能也不全。

创建项目mpvue的文档上都有，就不说了，介绍常用的。

一 、main.js:

1.下面有个pages数组，其实相当于vue里面配置路由，这里面的跳转都要在这里配置。

2.window对象，就是配置顶部状态栏。

二 、 传参

微信小程序的页面的 query 参数是通过 onLoad获取的，mpvue 对此进行了优化，直接通过 this.$root.$mp.query 获取相应的参数数据，其调用需要在 onLoad 生命周期触发之后使用，比如 onShow 等，具体生命周期调用顺序，见下图。

头一次写，比较仓促，欢迎大家互动共同学习！欢迎star！

放几张预览图