vue2生命周期有哪些

vue 2 生命周期包括以下钩子函数：创建阶段： beforecreate、created挂载阶段： beforemount、mounted更新阶段： beforeupdate、updated销毁阶段： activated、deactivated、beforedestroy、destroyed

Vue 2 生命周期

Vue 组件的生命周期由一系列钩子函数组成，这些钩子函数在组件的不同阶段被调用。生命周期钩子允许组件在创建、更新和销毁时执行自定义逻辑。

Vue 2 生命周期钩子

Vue 2 中的生命周期钩子包括：

立即学习“前端免费学习笔记（深入）”；

• beforeCreate
• created
• beforeMount
• mounted
• beforeUpdate
• updated
• activated
• deactivated
• beforeDestroy
• destroyed

生命周期阶段

生命周期钩子分为三个主要阶段：

• 创建阶段（beforeCreate、created）
• 挂载阶段（beforeMount、mounted）
• 更新阶段（beforeUpdate、updated）
• 销毁阶段（activated、deactivated、beforeDestroy、destroyed）

钩子函数详细说明

beforeCreate

• 在组件实例化之前调用。

created

• 在组件实例化并可用于使用后调用。

beforeMount

• 在挂载组件的元素到 DOM 之前调用。

mounted

• 在组件挂载到 DOM 中后调用。

beforeUpdate

• 在组件更新之前调用。

updated

• 在组件更新并重新渲染后调用。

activated

• 当一个保持状态的组件从非活动状态变为活动状态时调用。

deactivated

• 当一个保持状态的组件从活动状态变为非活动状态时调用。

beforeDestroy

• 在销毁组件之前调用。

destroyed

• 在组件从 DOM 中销毁并被回收后调用。