13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程:组件生命周期

组件生命周期

组件的主要生命周期

解释:自定义组件的生命周期,指的是组件自身的一些可自执行的方法,这些方法会在特殊的时间点或遇到一些特殊页面行为时被自动触发而执行。

组件的生命周期:created 、 attached 、 ready 、 detached ,这些方法包含了一个组件实例生命流程的主要时间点,具体的使用场景如下:

定义生命周期方法

生命周期方法可以直接定义在 Component 构造器的第一级参数中。

除了以上声明方式,还可以在 lifetimes 字段内进行声明(推荐使用这种方式进行管理,其优先级最高)。

代码示例

 
 
 
  1. // 自定义组件js文件
  2. Component({
  3. // ...
  4. lifetimes: {
  5. attached: function() {
  6. // 在组件实例进入页面节点树时执行
  7. },
  8. detached: function() {
  9. // 在组件实例被从页面节点树移除时执行
  10. }
  11. }
  12. // ...
  13. });

在内置 behaviors 中也可以编写生命周期方法,但不会与其他 behaviors 中的同名生命周期相互覆盖。

当前自定义组件可用的全部生命周期及其描述如下表所示:

生命周期 参数 描述 最低版本
created在组件实例刚刚被创建时执行1.10.13
attached在组件实例进入页面节点树时执行1.10.13
ready在组件在视图层布局完成后执行1.10.13
detached在组件实例被从页面节点树移除时执行1.10.13
onInitObject页面路由携带的参数对象【仅在使用 Component 构造器构造页面时有效】在组件页面初始化时执行,与 Page.onInit 使用方法一致,参见在 onInit 请求首屏主数据3.260.6
onLoadObject页面路由携带的参数对象【仅在使用 Component 构造器构造页面时有效】在组件页面加载后执行1.10.13

组件所在页面的生命周期

还有一些特殊的生命周期,它们并非与组件有很强的关联,但有时组件需要获知,以便组件内部处理。这样的生命周期称为“组件所在页面的生命周期”,在 pageLifetimes 定义段中定义。其中可用的生命周期包括:

生命周期 参数 描述 最低版本
show组件所在的页面被展示时执行1.10.13
hide组件所在的页面被隐藏时执行1.10.13

代码示例

 
 
 
  1. // 自定义组件js文件
  2. Component({
  3. // ...
  4. pageLifetimes: {
  5. show: function() {
  6. // 组件所在的页面被展示时触发
  7. },
  8. hide: function() {
  9. // 组件所在的页面被隐藏时触发
  10. }
  11. }
  12. // ...
  13. });

当前名称:创新互联百度小程序教程:组件生命周期
标题URL:http://cdbrznjsb.com/article/coedhoh.html

其他资讯

让你的专属顾问为你服务