微信小程序页面生命周期

完整生命周期

//生命周期---------------------------------------------------------------
  onLoad: function (options) {},  //监听页面加载
   //一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数
   
  onReady: function () {},     //监听页面初次渲染完成
   //一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互

  onShow: function () {},      //监听页面显示
  	 //每次打开页面都会调用一次

  onHide: function () {},      //监听页面隐藏
  	//当navigateTo或底部tab切换时调用

  onUnload: function () {},    //生命周期函数--监听页面卸载
  	//当redirectTo或navigateBack的时候调用

//其他事件---------------------------------------------------------------
  onPullDownRefresh: function () {},  //监听用户下拉动作
  onReachBottom: function () {},      //页面上拉触底事件的处理函数
  onShareAppMessage: function () {}   //用户点击右上角分享

执行流程

• 打开小程序 后会依次执行onLoad，onReady和onShow方法

• 前后台切换会分别执行onHide和onShow方法

• 当小程序 页面销毁 时会执行 onUnload方法

官方流程图