微信小程序生命周期顺序可分为应用级、页面级、组件级,分别列出顺序:
应用级生命周期 {#%E5%BA%94%E7%94%A8%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}
整个小程序的生命周期,主要在app.js中定义
-
onLaunch:小程序初始化完成时触发,整个小程序生命周期中只触发一次。
-
onShow:当小程序启动,或从后台进入前台显示时触发。
-
onHide:当小程序从前台进入后台时触发。
-
onError:当小程序发生脚本错误或API调用失败时触发。
-
onPageNotFound:当小程序要打开的页面不存在时触发。
-
onUnhandledRejection:在小程序运行过程中,promise被reject且未被catch时触发
-
onThemeChange:当系统切换主题时触发。
页面级生命周期 {#%E9%A1%B5%E9%9D%A2%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}
一个页面的生命周期,定义在每个页面的.js文件中
-
onLoad:页面加载时触发,此时页面并未进行任何渲染,你可以在这里进行数据初始化。
-
onShow:页面显示/切入前台时触发,每次打开页面都会调用一次。
-
onReady:页面初次渲染完成时触发,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层交互。
-
onHide:页面隐藏/切入后台时触发,例如navigateTo或底部tab切换时调用。
-
onUnload:页面卸载时触发,例如redirectTo或navigateBack时调用。
组件级生命周期 {#%E7%BB%84%E4%BB%B6%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}
小程序封装的组件的生命周期,定义在组件的.js文件中
-
created:组件实例刚刚被创建时执行。
-
attached:组件实例进入页面节点树时执行。
-
ready:组件在视图层布局完成后执行。
-
moved:组件实例被移动到节点树另一个位置时执行。
-
detached:组件实例被从页面节点树移除时执行。
-
error:组件方法抛出错误时执行。
组件所在页面生命周期 {#%E7%BB%84%E4%BB%B6%E6%89%80%E5%9C%A8%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}
-
show:组件所在页面被展示时执行。
-
hide:组件爱你所在页面被隐藏时执行。
-
resize:组件所在页面尺寸变化时执行。
-
routeDone:组件所在页面路由动画完成时执行。