09.生命周期

小程序中生命周期，分为四类：

• 小程序生命周期
• 页面生命周期
• 组件生命周期
• 组件所在页面的生命周期

小程序生命周期

生命周期	参数	描述
onLaunch	无	在小程序初始化完成后执行（全局只触发一次）
onShow	无	在小程序启动，或从后台进入前台时执行
onHide	无	在小程序从前台进入后台时执行

// app.js
App({
    onLaunch() {

    },
})

页面生命周期

生命周期	参数	描述
onLoad	options	在页面加载时执行
onReady	无	在页面初次渲染完成时执行
onShow	无	在页面显示时执行
onHide	无	在页面隐藏时执行
onUnload	无	在页面卸载时执行

Page({
    onLoad(options) {

    }
})

组件生命周期

生命周期	参数	描述	最低版本
created	无	在组件实例刚刚被创建时执行	1.6.3
attached	无	在组件实例进入页面节点树时执行	1.6.3
ready	无	在组件在视图层布局完成后执行	1.6.3
moved	无	在组件实例被移动到节点树另一个位置时执行	1.6.3
detached	无	在组件实例被从页面节点树移除时执行	1.6.3
error	Object Error	每当组件方法抛出错误时执行	2.4.1

Component({
    lifetimes: {
        attached: function() {
            // 在组件实例进入页面节点树时执行
        },
        detached: function() {
            // 在组件实例被从页面节点树移除时执行
        },
    },
})

组件所在页面的生命周期

生命周期	参数	描述	最低版本
show	无	组件所在的页面被展示时执行	2.2.3
hide	无	组件所在的页面被隐藏时执行	2.2.3
resize	Object Size	组件所在的页面尺寸变化时执行	2.4.0

Component({
    pageLifetimes: {
        show: function() {
            // 页面被展示
        },
        hide: function() {
            // 页面被隐藏
        },
        resize: function(size) {
            // 页面尺寸变化
        }
    }
})