小程序中生命周期,分为四类:
- 小程序生命周期
- 页面生命周期
- 组件生命周期
- 组件所在页面的生命周期
小程序生命周期
生命周期 | 参数 | 描述 |
---|
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) {
// 页面尺寸变化
}
}
})