15-3.自定义组件的生命周期函数

目录

1  组件自身的生命周期函数

1.1  使用lifetimes声明生命周期函数

1.2  不使用lifetimes声明生命周期函数

2  组件所在页面的生命周期函数


1  组件自身的生命周期函数

  • created 组件实例刚刚被创建后执行,可以理解为 html模板刚刚搞好
  • attached 组件被放入节点树中执行,可以理解为 html模板放入body中了,但是还没渲染出来,发请求可以在这个阶段发
  • ready 组件在视图层布局完成后执行,可以理解为 页面已经渲染好了
  • moved 组件实例被移动到节点树另一个位置时执行。这里通常是两种情况,一种是改变了数据,导数页面有所变化会触发moved。第二种是组件被移动到页面的不同位置
  • detached 组件实例被从页面节点树移除时执行。退出页面的时候就会触发detached
  • error 组件抛出错误时执行

1.1  使用lifetimes声明生命周期函数

15-3.自定义组件的生命周期函数_第1张图片

1.2  不使用lifetimes声明生命周期函数

15-3.自定义组件的生命周期函数_第2张图片

如果 使用lifetimes声明的生命周期函数 与 不使用lifetimes声明的生命周期函数 同时存在,会优先使用 使用lifetimes声明的生命周期函数

2  组件所在页面的生命周期函数

  • show 组件所在的页面被展示时执行
  • hide 组件所在的页面被隐藏时执行
  • resize 组件所在的页面尺寸变化时执行

在组件中使用 组件所在页面的生命周期函数 比如定义在pageLifetimes节点中

15-3.自定义组件的生命周期函数_第3张图片

你可能感兴趣的:(微信小程序开发,前端)