最近一直在写vue的项目,刚好看到了美团开发的mpvue,突然有了想写一个小程序的想法,于是花了一天的时候看了一下文档。
基本原理跟vue是一样的,语法也基本上按vue的来,其中的组件可以直接用小程序原生的组件,很是爽。
文档直通车:
由于是非官方需要 ,所以只是写了一个类似今日头条的新闻小程序,功能也不全。
创建项目mpvue的文档上都有,就不说了,介绍常用的。
一 、main.js:
1.下面有个pages数组,其实相当于vue里面配置路由,这里面的跳转都要在这里配置。
2.window对象,就是配置顶部状态栏。
二 、 传参
微信小程序的页面的 query 参数是通过 onLoad获取的,mpvue 对此进行了优化,直接通过 this.$root.$mp.query 获取相应的参数数据,其调用需要在 onLoad 生命周期触发之后使用,比如 onShow 等,具体生命周期调用顺序,见下图。
头一次写,比较仓促,欢迎大家互动共同学习!欢迎star!
放几张预览图