微信小程序学习第9天——自定义组件的生命周期与组件所在页面的生命周期

一、组件的生命周期

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(){ }
  },