一、小程序中,生命周期主要分成了三部分:
1、应用的生命周期
小程序的生命周期函数是在app.js里面调用的,通过App(Object)函数用来注册一 个 小程序,指定其小程序的生命周期回调。
·onLaunch 小程序初始化完成时触发,全局只触发一次。
·onShow 小程序启动 或者后台进入前台时触发
·onHide 小程序从前台进入后台时触发
·onHide 小程序从前台进入后台时触发。
·onError 小程序脚本错误或API调用报错时触发
·onPageNotFound 小程序要打开的页面不存在
·onUnhandledRejection 小程序有未处理的 Promise 拒绝时触发
·onThemeChange 系统切换组主题时触发
2、页面的生命周期
页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初始化
onHide 监听页面隐藏
onUnload 监听页面卸载
3、组件的生命周期
组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发
created 监听页面加载
attached 监听页面显示
ready 监听页面初次渲染完成
moved 监听页面隐藏
detached 监听页面卸载
error 当组件方法抛出错误时执行
二、生命周期函数执行顺序
小程序注册完成后,加载页面,触发onLoad方法
页面载⼊后触发onShow方法,显示页面
首次显示页面,会触发onReady方法,渲染页面元素和样式,⼀个页面只会调用⼀次
当⼩程序后台运⾏或跳转到其他页面时,触发onHide方法
使用wx.navigateBack()方法关闭当前页返回上⼀页,触发onUnload
注意:
当存在也应用生命周期和页面周期的时候,相关的执行顺序如下:
打开小程序:(App)onLaunch --> (App)onShow --> (Pages)onLoad --> (Pages)onShow --> (pages)onRead
进入下一个页面:(Pages)onHide --> (Next)onLoad --> (Next)onShow --> (Next)onReady
返回上一个页面:(curr)onUnload --> (pre)onShow
离开小程序:(App)onHide
再次进入:小程序未销毁 --> (App)onShow(执行上面的顺序),小程序被销毁,(App)onLaunch重新开始执行。
看到这里的码友们 感谢支持!!!