使用场景分析
| 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() 函数- 侦听器 - 自定义指令钩子 - 过渡钩子 |