一、组件的生命周期
1、全部的生命周期函数
| 生命周期函数 | 参数 | 说明 |
|---|---|---|
created |
无 | 组件实例刚被创建好时，执行created函数 |
attached |
无 | 完全初始化完毕、进入页面节点树后,执行attached 函数 |
| ready | 无 | 组件在视图层布局完成时执行 |
| moved | 无 | 组件实例被移动到节点树另一个位置时执行 |
detached |
无 | 组件实例被从页面节点树移除时执行 |
| error | Object Error | 每当组件方法抛出错误时执行 |
2、主要的生命周期函数
| 主要的生命周期函数 | 特点 | 用途 |
|---|---|---|
| created | 此时还不能调用setData | 只应该用于给组件的this添加一些自定义的属性字段 |
| attached | this.data已初始化完毕 | 绝大多数初始化的工作可以在这个时机进行（例如发请求获取初始数据） |
| detached | 退出页面时触发页面内每个自定义组件的 detached 函数 | 做一些清理性质的工作 |
3、lifetimes节点
组件的生命周期函数，需要定义在lifetimes节点中
Component({
lifetimes:{
attached(){
}
},
二、组件所在页面的生命周期
有时，自定义组件的行为依赖于页面状态的变化，此时就需要用到组件所在页面的生命周期。
1、组件所在页面的生命周期函数
| 生命周期函数 | 参数 | 说明 |
|---|---|---|
| show | 无 | 组件所在页面被展示时执行 |
| hide | 无 | 组件所在页面被隐藏时执行 |
| resize | Object Size | 组件所在页面尺寸变化时执行 |
2、pageLifetimes节点
组件所在页面的生命周期函数，需要定义在 pageLifetimes 节点中
Component({
pageLifetimes:{
show(){
}
},