生命周期是指一个对象、组件或应用程序从创建到销毁、从初始化到终止的整个过程。
Vue 2 生命周期钩子
beforeCreate | 实例初始化之后,数据观测和事件配置之前。 |
created | 实例创建完成后,数据观测、属性和方法的运算、事件/回调配置之后。 |
beforeMount | 挂载开始之前,相关的 render 函数首次被调用之前。 |
mounted | el 被新创建的 vm.$el 替换,并挂载到实例上之后调用。 |
beforeUpdate | 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。 |
updated | 由于数据更改导致的虚拟 DOM 重新渲染和打补丁之后调用。 |
beforeDestroy | 实例销毁之前调用。 |
destroyed | Vue 实例销毁后调用。 |
Vue 3 Setup 生命周期钩子
onBeforeMount | 组件挂载之前调用。 |
onMounted | 组件挂载后调用。 |
onBeforeUpdate | 组件更新之前调用。 |
onUpdated | 组件更新后调用。 |
onBeforeUnmount | 组件卸载之前调用。 |
onUnmounted | 组件卸载后调用。 |
onActivated | keep-alive 组件激活时调用。 |
onDeactivated | keep-alive 组件停用时调用。 |
onErrorCaptured | 当捕获一个来自子组件的错误时调用。 |
onRenderTracked | 组件的响应式依赖被追踪时调用。通常用于调试。 |
onRenderTriggered | 组件的响应式依赖被触发时调用。通常用于调试。 |