微信小程序 - 生命周期

生命周期

1.小程序注册完成后，加载页面，触发onLoad方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）

2.页面载入后触发onShow方法，显示页面。

3.首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。

4.当小程序后台运行或跳转到其他页面时，触发onHide方法。

5.当小程序从后台进入到前台运行或重新进入页面时，触发onShow方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）

6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

7. 当从非tabbar页面切换到tabbar页面时，会被销毁

8. onLaunch只有App.js才有

 Page({

   /**
    * 页面的初始数据
    */
   data: {

   },

   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
     console.log('加载... - Index2');
   },

   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {
     console.log('首次渲染完成... - Index2');
   },

   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
     console.log('页面显示.. - Index2');
   },

   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide: function () {
     console.log('页面隐藏.. - Index2');
   },

   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload: function () {
     console.log('页面卸载... - Index2');
   },

   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh: function () {

   },

   /**
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function () {

   },

   /**
    * 用户点击右上角分享
    */
   onShareAppMessage: function () {

   }
 })

详细的官方API，点击查看

示例源码：点击下载