Skip to content

Latest commit

 

History

History
20 lines (16 loc) · 3.12 KB

File metadata and controls

20 lines (16 loc) · 3.12 KB

生命周期

使用场景分析

V2生命周期 V3生命周期 描述 描述
beforeCreate 似乎没了,但是图例还有 组件实例被创建之初 执行时组件实例还未创建,通常用于插件开发中执行一些初始化任务
created 似乎没了 组件实例已经完全创建 组件初始化完毕,各种数据可以使用,常用于异步数据获取
beforeMount onBeforeMount 组件挂载之前 未执行渲染、更新,dom未创建
mounted onMounted 组件挂载到实例上去之后 初始化结束,dom已创建,可用于获取访问数据和dom元素
beforeUpdate onBeforeUpdate 组件数据发生变化,更新之前 更新前,可用于获取更新前各种状态
updated onUpdated 组件数据更新之后 更新后,所有状态已是最新
beforeDestroy onBeforeUnmount 组件实例销毁之前 销毁前,可用于一些定时器或订阅的取消,当这个钩子被调用时,组件实例依然还保有全部的功能
destroyed onUnmounted 组件实例销毁之后 组件已销毁,作用同上,其所有子组件都已经被卸载,所有相关的响应式作用停止
activated onActivated keep-alive 缓存的组件激活时 若组件实例是 <KeepAlive> 缓存树的一部分,当组件被插入到 DOM 中时调用。
deactivated onDeactivated keep-alive 缓存的组件停用时调用 若组件实例是 <KeepAlive> 缓存树的一部分,当组件从 DOM 中被移除时调用。
errorCaptured onErrorCaptured 捕获一个来自子孙组件的错误时被调用 错误可以从以下几个来源中捕获:

- 组件渲染
- 事件处理器
- 生命周期钩子
- setup() 函数
- 侦听器
- 自定义指令钩子
- 过渡钩子