微信小程序——页面生命周期函数的总结

微信小程序——页面生命周期函数的总结

• onLoad页面加载

  /**
   * 生命周期函数--监听页面加载
   一个页面在卸载（销毁）前只会调用一次。
   接收页面参数的来源有wx.navigateTo，wx.redirectTo和<navigator>中的query值
   */
onLoad: function (options) {
      
  },

• onShow页面显示

  /**
   * 生命周期函数--监听页面显示
    页面每次被打开都会执行该方法。
    一般A页面跳转到B页面后，在B页面上修改了一些数据，
    并影响了A页面的渲染，会调用A页面的onShow方法来进行同步渲染。
   */
  onShow: function () {

  },

• onReady页面初次渲染完成

   /**
   * 生命周期函数--监听页面初次渲染完成
   一个页面调用一次
   在onLoad、onShow方法执行完后会调用此方法。
   顺序为:	onLoad	->	onShow	->	onReady
   */
  onReady: function () {

  },

• onHide页面隐藏

  /**
   * 生命周期函数--监听页面隐藏
   跳转到其他页面时会调用此方法，如navigateTo,或者底部tab切换页面时调用
   */
  onHide: function () {

  },

• onUnload页面卸载

  /**
   * 生命周期函数--监听页面卸载
   页面卸载时会调用此方法，如调用redirectTo方法，navigateBack方法。
   代表一个页面生命周期的结束。
   */
  onUnload: function () {

  },

后续补充……