浅谈使用mpvue开发小程序需要注意和了解的知识点-创新互联

一、实例生命周期

除了Vue本身的生命周期处，mpvue还兼容了小程序的生命周期，这部分生命周期的钩子来源于微信小程序的Page,除特殊情况外，不建议使用小程序的生命周期钩子。

app 部分：

1. onLaunch，初始化
2. onShow，当小程序启动，或从后台进入前台显示
3. onHide，当小程序从前台进入后台

page 部分：

1. onLoad，监听页面加载
2. onShow，监听页面显示
3. onReady，监听页面初次渲染完成
4. onHide，监听页面隐藏
5. onUnload，监听页面卸载
6. onPullDownRefresh，监听用户下拉动作
7. onReachBottom，页面上拉触底事件的处理函数
8. onShareAppMessage，用户点击右上角分享
9. onPageScroll，页面滚动
10. onTabItemTap, 当前是 tab 页时，点击 tab 时触发 （mpvue 0.0.16 支持）

用法示例：

new Vue({
 data: {
  a: 1
 },
 created () {
  // `this` 指向 vm 实例
  console.log('a is: ' + this.a)
 },
 onShow () {
  // `this` 指向 vm 实例
  console.log('a is: ' + this.a, '小程序触发的 onshow')
 }
})
// => "a is: 1"

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。