Vue3生命周期钩子

常用的生命钩子

名称 执行时间
setup 组件初始化
onBeforeMount 组件被挂载之前
onMounted 组件挂载完成后
onBeforeUpdate 响应式状态改变而要更新 DOM 树之前
onUpdated 响应性状态改变而更新了 DOM 树后
onBeforeUnmount 组件卸载前
onUnmounted 组件卸载后

<KeepAlive>生命钩子

当使用<KeepAlive>缓存组件时,被缓存的组件不会被频繁的销毁与创建,导致上面的一些组件就不会执行,这时会多出两个上面钩子。

名称 执行时间
onActivated 组件(页面)插入( 显示)到 DOM 中时
onDeactivated 组件(页面)DOM 中移除(不显示)时

猜你喜欢

转载自blog.csdn.net/weixin_48165407/article/details/124561777