微信小程序自定义组件的生命周期函数分为三类:
- 创建时执行的生命周期函数、
- 更新时执行的生命周期函数和
- 销毁时执行的生命周期函数。
下面是具体的生命周期函数及其触发时机:
创建时执行的生命周期函数:
- created:在组件实例刚刚被创建时执行,此时组件数据未绑定到视图上;
- attached:在组件实例进入页面节点树时执行,可以获取节点信息和上下文信息,但未渲染;
- ready:在组件渲染完成后执行,可以进行页面操作。
更新时执行的生命周期函数:
- moved:在组件实例被移动到节点树某个新位置时执行;
- detached:在组件实例从页面节点树中移除时执行。
销毁时执行的生命周期函数:
- error:在组件内部报错时执行;
- pageLifetimes: 页面所对应的生命周期函数,如
show
, 则为当页面展示时,更新时间由页面决定; - detached: 在组件实例被从页面节点树中移除时执
需要注意的是,自定义组件的生命周期函数和小程序页面的生命周期函数有所不同,编写组件时需要注意各个生命周期函数的执行顺序和时机,并根据实际需求进行相应的操作和处理。同时,在组件的生命周期函数中,也可以使用 this.setData 方法来更新组件的数据,从而实现视图的更新和交互效果。