微信小程序生命周期

页面生命周期

页面生命周期

从上图可以明显看出小程序页面的生命周期，依次的顺序是onLoad,onShow,onReady,(),onHide,()onShow,onUnload。

属性名	说明	执行顺序
onLoad	生命周期回调—监听页面加载	③
onShow	生命周期回调—监听页面显示，例如锁屏再打开，切换在进来	④
onReady	生命周期回调—监听页面初次渲染完成	⑥
onHide	生命周期回调—监听页面隐藏
onUnload	生命周期回调—监听页面卸载

组件生命周期

属性名	说明	执行顺序
created	在组件实例刚刚被创建时执行	①
attached	在组件实例进入页面节点树时执行	②
ready	在组件在视图层布局完成后执行	⑤
moved	在组件实例被移动到节点树另一个位置时执行
detached	在组件实例被从页面节点树移除时执行
error	每当组件方法抛出错误时执行

页面和组件初始化执行顺序

①created（组件）> ②attached（组件）> ③onLoad（页面）> ④onShow（页面）> ⑤ready（组件）> ⑥onReady（页面）