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声明生命周期函数

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

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

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

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

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