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) 期间 |
