Vue3 生命周期钩子

171 阅读1分钟

Vue3 生命周期钩子

onBeforeMount() 注册一个钩子,在组件被挂载之前被调用。

onMounted() 注册一个回调函数,在组件挂载完成后执行。

onBeforeUpdate() 注册一个钩子,在组件即将因为响应式状态变更而更新其 DOM 树之前调用。

onUpdated() 注册一个回调函数,在组件因为响应式状态变更而更新其 DOM 树之后调用。

onBeforeUnmount() 注册一个钩子,在组件实例被卸载之前调用。

onUnmounted() 注册一个回调函数,在组件实例被卸载之后调用。

onErrorCaptured() 注册一个钩子,在捕获了后代组件传递的错误时调用。

以下钩子仅在开发模式下可用,且在服务器端渲染期间不会被调用

onRenderTracked() 注册一个调试钩子,当响应式依赖被组件的渲染作用追踪后调用。

onRenderTriggered() 注册一个调试钩子,当响应式依赖触发了组件渲染作用的运行之后调用。

以下钩子在服务器端渲染期间不会被调用

onActivated() 注册一个回调函数,若组件实例是 <KeepAlive> 缓存树的一部分,当组件被插入到 DOM 中时调用。

onDeactivated() 注册一个回调函数,若组件实例是 <KeepAlive> 缓存树的一部分,当组件从 DOM 中被移除时调用。

以下钩子仅会在服务端渲染中执行

onServerPrefetch() 注册一个异步函数,在组件实例在服务器上被渲染之前调用。

参考来源