
开发环境:nodejs + vue-cli + 微信开发者工具
vue-cli是vue提供的一个官方的脚手架,使用如下命令:vue init mpvue/mpvue-quickstart my-project快速创建一个基于mpvue-quickstart模板项目, 进入my-project执行npm install 和npm run dev后,会生成一个dist目录,其中是小程序相关的代码,最后将my-project目录导入微信开发者工具,一个mpvue项目就启动了。
其中pages目录下面是小程序的页面,每个页面的目录结构都是类似的包含一个vue单文件组件和一个main.js文件,可以很方便的使用组件化的方式开发小程序。
Vue的生命周期和小程序的生命周期在mpvue中是兼容的,但是推荐使用vue生命周期,因为小程序的生命周期在其他端如web端是没有相关生命周期的,如小程序onLaunch可以用vue的created代替,但是有些生命周期是小程序独有的如onPullDownRefresh,这时只能使用小程序自带的生命周期函数。
最后如果您也想要开发一款小程序的话,那么欢迎联系我们,汇动信息专注小程序开发多年,用心为企业开发出符合市场、满足用户需求的小程序,积累了丰富的开发经验,欢迎您来洽谈!