生命周期

生命周期分两种

1、小程序的 生命周期

2、小程序页面的 生命周期

---

 

1、小程序的 生命周期

祭献文档地址：https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

示例代码：

//app.js
App({
  onLaunch(options) {//小程序初始化完成时触发,全局只触发一次。
    console.log("初始化完成",options)
  },
  onShow(options) {//小程序启动，或从后台进入前台显示时触发。
    console.log("显示",options)
  },
  onHide() {//小程序从前台进入后台时触发。
    console.log("已切换到后台")
  },
  onError(msg) {//小程序发生脚本错误或 API 调用报错时触发。
    console.log(msg)
  },  
  globalData: 'I am global data；我是全局数据',
  globalData2: '我是全局数据',
})

 

---

 2、小程序页面的 生命周期

祭献文档地址：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

示例代码：

　onLoad: function(options) {
    // 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
  },
  onReady: function() {
    // 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
  },
  onShow: function() {
    // 页面显示/切入前台时触发。
  },
  onHide: function() {
    // 页面隐藏/切入后台时触发。 如 wx.navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。
  },
  onUnload: function() {
    // 页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。
  },

页面事件处理函数：

  onPullDownRefresh: function() {
    // 监听用户下拉刷新事件。
  },
  onReachBottom: function() {
    // 监听用户上拉触底事件。
  },

onPageScroll: function() {
    // 监听用户滑动页面事件
  },

onShareAppMessage: function () {
 // 用户点击右上角转发  
},

onResize: function() { 
// 小程序屏幕旋转时触发。详见 响应显示区域变化 
},

onTabItemTap(item) {//当前是 tab 页时，点击 tab 时触发
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },