生命周期
**
组件实例刚刚被创建时执行
created
组件实例刚好被创建好
此时还不能调用setData
主要给组件的this添加一些自定义的属性字段
**
**
组件进入页面节点数时执行
attached
完全初始化完毕 进入页面节点数树
this.data已经初始化完毕
主要用于获取数据
**
组件在视图层布局完成后执行
ready
组件实例被移动到节点数另一个位置时执行
moved
**
组件实例被从页面节点树移除时执行
detached
组件离开页面节点树
退出一个页面的时候 会触发该生命周期函数
主要用以一些清理性质的工作
**
组件方法抛出错误时执行
error
定义生命周期函数
Component({
// 推荐方式
lifttimes:{
created(){},
attached(){}
.......
}
// 旧方式
created(){},
attached(){}
.......
})
组件所在页面的生命周期函数
组件所在的页面被展示时执行
show
组件所在的页面被隐藏时执行
hidden
组件所在的页面尺寸发生变化时执行
resize
配置pageLifetimes节点
Component({
pageLifetimes:{
show(){},
hidden(){},
resize(size){}
}
})
本文详细介绍了小程序组件的生命周期,包括created、attached、ready、moved和detached等关键阶段,以及在这些阶段可以进行的操作,如数据初始化、节点树操作和资源清理。同时,也讲解了页面生命周期函数,如show、hidden和resize,以及如何通过pageLifetimes配置来响应页面状态变化。
2418

被折叠的 条评论
为什么被折叠?



