Vue3生命周期钩子

常用的生命钩子

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

<KeepAlive>生命钩子

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

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