Vue Lifecycle Hooks
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) 期间发生 |
