小程序的生命周期,写在对象中。
全局 ==> 放在 app.js 中的 App({})中;单个页面 ==> 放在对应 js 文件中的 Page({})。
⚠️注意:App({})必须在全局的app.js中调用,必须调用且只能调用一次。
App中生命周期
- onLaunch —— 小程序初始化时触发,只触发一次(重新加载即触发)
- onShow —— 页面显示时触发(小程序从后台切到前台也触发)
- onHide —— 页面隐藏时触发(小程序切到后台也触发)
- onError —— 小程序发生错误时触发(脚本错误、API调用错误)
- onPageNotfound —— 打开页面不存在时触发
- onUnhandledRejection —— 小程序有未处理的Promise拒绝时触发
- onThemeChange —— 系统切换主题时触发
App({
onLaunch (options) {
// Do something initial when launch.
},
onShow (options) {
// Do something when show.
},
onHide () {
// Do something when hide.
},
onError (msg) {
console.log(msg)
},
onPageNotFound () {
// Do something when show.
},
onUnhandleRejection () {
// Do something when show.
},
onThemeChange () {
// Do something when show.
},
globalData: 'I am global data'
})
Page生命周期
- onLoad —— 页面加载
- onShow —— 页面显示
- onReady —— 监听页面初次渲染完成
- onHide —— 页面隐藏
- onUnload —— 页面卸载
- onRouteDone —— 监听路由动画完成
- onPullDownRefresh —— 用户下拉操作
- onReachBotton —— 页面上拉触底
- onShareAppMessage —— 点击右上角转发
- onShareTimeline —— 点击右上角转发到朋友圈
- onAddToFavorites —— 用户点击右上角收藏
- onPageScroll —— 页面滚动
- onResize —— 页面尺寸改变
- onTabItemTap —— 当前是 tab 页面,点击 tab 时触发
- onSaveExitState —— 页面销毁前保留状态回调
除了这些生命周期以外,开发者可以添加任意函数在 Page({}) 中,处理页面的点击和数据加载等事件。
页面的显示隐藏
通过底部导航切换,页面实现显示和隐藏,触发 onShow 和 onHide 两个生命周期。文章来源:https://www.toymoban.com/news/detail-795699.html
同时微信小程序的页面跳转有页面栈的概念,详情学习可以参考下面链接:微信小程序页面栈详解_慕课手记文章来源地址https://www.toymoban.com/news/detail-795699.html
到了这里,关于微信小程序 —— 生命周期的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!