微信小程序生命周期钩子函数

微信小程序生命周期钩子函数

小程序生命周期函数分为两类：

1. 应用生命周期函数

2. 页面生命周期函数

应用生命周期函数

app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数

APP() 函数用于注册并执行小程序

App({
  // 小程序初始化完成时（全局只触发一次）
  onLaunch() {},

  // 小程序显示时在屏幕时
  onShow() {},

  // 小程序最小化(隐藏)时
  onHide() {}
})

页面生命周期函数

每个小程序页面都拥有自己的 .js 文件，且必须调用 page() 函数

page() 函数用于注册小程序页面

page({
  // 监听页面加载 options为页面跳转所带来的参数
  onLoad(options) {},

  // 监听页面显示
  onShow() {},

  // 监听页面初次渲染完成
  onReady() {},

  // 监听页面隐藏
  onHide() {},

  // 监听页面卸载
  onUnload() {}
})

页面其他 API

page({
  // 监听用户下拉动作
  onPullDownRefresh() {},
  
  // 页面上拉触底事件的处理函数
  onReachBottom() {},
  
  // 用户点击右上角转发
  onShareAppMessage() {},
  
  // 用户点击右上角转发到朋友圈
  onShareTimeline() {},
  
  // 用户点击右上角收藏
  onAddToFavorites() {},
  
  // 页面滚动触发事件的处理函数
  onPageScroll() {},
  
  // 页面尺寸改变时触发
  onResize() {},
  
  // 当前是 tab 页时，点击 tab 时触发
  onTabItemTap() {},
  
  // 页面销毁前保留状态回调
  onSaveExitState() {}
})

参考文档

更多详情可以前往官方文档查看：

应用生命周期函数

页面声明周期函数

如果该文章能帮到你的话 麻烦点个赞 谢谢啦~