当前位置: article > 正文

微信小程序学习第9天——自定义组件的生命周期与组件所在页面的生命周期_组件生命周期声明对象,组件的生命周期 * :created、attached、ready、moved

作者：盐析白兔 | 2024-02-15 23:33:11

踩

组件生命周期声明对象,组件的生命周期 * :created、attached、ready、moved、det

一、组件的生命周期

生命周期函数	参数	说明
`created`	无	`组件实例刚被创建好时，执行created函数`
`attached`	无	`完全初始化完毕、进入页面节点树后,执行attached 函数`
ready	无	组件在视图层布局完成时执行
moved	无	组件实例被移动到节点树另一个位置时执行
`detached`	无	`组件实例被从页面节点树移除时执行`
error	Object Error	每当组件方法抛出错误时执行

主要的生命周期函数	特点	用途
created	此时还不能调用setData	只应该用于给组件的this添加一些自定义的属性字段
attached	this.data已初始化完毕	绝大多数初始化的工作可以在这个时机进行（例如发请求获取初始数据）
detached	退出页面时触发页面内每个自定义组件的 detached 函数	做一些清理性质的工作

组件的生命周期函数，需要定义在lifetimes节点中

Component({
  lifetimes:{
    attached(){ }
  },
1
2
3
4

有时，自定义组件的行为依赖于页面状态的变化，此时就需要用到组件所在页面的生命周期。

组件所在页面的生命周期函数，需要定义在 pageLifetimes 节点中

Component({
  pageLifetimes:{
    show(){ }
  },
1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/88245