【微信小程序自学之路】小程序组件的生命周期

组件 Component()

小程序的组件

小程序的组件也有生命周期, 从组件实例被创建到最后组件从节点树上删除的过程

组件的生命周期方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

Component({
lifetimes: {
created: function() {

},
attached: function() {

},
detached: function() {

}
}
})

至小程序基础库版本2.2.3开始,component的生命周期一般在lifetimes中声明使用,并且后续也尽量使用这种方式

组件的生命周期方法有:

生命周期函数功能描述
created组件实例被初始化创建的时候
attached组件DOM挂在到dom树的时候
ready组件已经完成挂载并且完成布局渲染时候
moved组件被移动到其他dom位置时候
detached组件从dom树上删除的时候
error组件方法发生异常

如果需要考虑请求数据
则考虑在 attached中请求,这个时候可以确定DOM元素已经挂载dom上
而created只是开始初始化component实例

如果需要初始化数据
则考虑在created中初始化数据,这个时候就是component初始化

组件关联page的生命周期

组件的生命周期不仅有自有生命周期函数,还有一些上层page关联的生命周期函数:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

Component({
pageLifetimes: {
show: function() {

},
hide: function() {

},
resize: function() {

}
}
})

这些生命周期函数,是当外层page变化的时候,触发的,比如
当外层page触发onShow的时候,子component也会相应触发 pageLifeTimes 里面的show()

关联的page周期show函数功能描述
show外层page onShow的时候
hide外层page onHide的时候
resize外层page大小发生变化的时候
坚持原创技术分享,您的支持将鼓励我继续创作!