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）期间发生 |