小程序页面生命周期

  1. 小程序启动之后,在 app.js 定义的 App 实例的 onLaunch 回调会被执行:
App({
  onLaunch: function () {
    // 小程序启动之后 触发
  }
})

整个小程序只有一个 App 实例,是全部页面共享的

  1. Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:

属性 类型 描述
data Object 页面的初始数据
onLoad Function 生命周期函数--监听页面加载
onReady Function 生命周期函数--监听页面初次渲染完成
onShow Function 生命周期函数--监听页面显示
onHide Function 生命周期函数--监听页面隐藏
onUnload Function 生命周期函数--监听页面卸载
onPullDownRefresh Function 页面相关事件处理函数--监听用户下拉动作
onReachBottom Function 页面上拉触底事件的处理函数
onShareAppMessage Function 用户点击右上角转发
onPageScroll Function 页面滚动触发事件的处理函数
onTabItemTap Function 当前是 tab 页时,点击 tab 时触发
  1. 补充说明
  • onLoad: 页面加载
    一个页面只会调用一次。
    接收页面参数 可以获取wx.navigateTo和wx.redirectTo及中的 query。

  • onShow: 页面显示
    每次打开页面都会调用一次。

  • onReady: 页面初次渲染完成
    一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

  • onHide: 页面隐藏
    当navigateTo或底部tab切换时调用。

  • onUnload: 页面卸载
    当redirectTo或navigateBack的时候调用。

你可能感兴趣的:(小程序页面生命周期)