Vue 生命周期钩子
Vue 中的生命周期钩子用于在 Vue 应用程序生命周期的不同阶段运行代码。
| 生命周期钩子 | 描述 |
|---|---|
| beforeCreate | 发生在所有其他生命周期钩子之前 |
| created | 组件已初始化，我们可以访问组件实例属性 |
| beforeMount | 组件尚未挂载，因此我们无法访问 DOM 元素 |
| mounted | 组件已挂载到 DOM 树上，因此我们可以访问 DOM 元素 |
| beforeUpdate | 当 Vue 的反应式系统检测到需要新渲染的更改时发生 |
| updated | 在 DOM 树更新后立即发生 |
| beforeUnmount | 发生在组件从 DOM 中删除之前 |
| unmounted | 从 DOM 中删除组件后发生 |
| errorCaptured | 当子/后代组件发生错误时发生 |
| renderTracked | 当渲染函数设置为跟踪或监视反应性组件时发生 |
| renderTriggered | 当跟踪的反应性组件发生变化时发生，从而触发新的渲染 |
| activated | 当添加缓存的动态组件（但已经在 DOM 中）时发生 |
| deactivated | 当缓存的动态组件被删除（但不是从 DOM 中）时发生 |
| serverPrefetch | 发生在服务器端渲染（SSR）期间 |
