【Vue学习】Vue组件的生命周期

1. 组件生命周期概念

在Vue中，组件生命周期指的是组件从创建到销毁的整个过程，包括了多个阶段和钩子函数。钩子函数在组件的不同阶段做出相应的处理，实现对组件的控制和定制。Vue组件的生命周期包括四个阶段：创建阶段、更新阶段、销毁阶段、激活和停用阶段。

2. 创建阶段

组件的创建阶段主要完成两项工作：1. 创建组件实例，2.将组件实例渲染到页面中。该阶段会调用四个钩子函数，即beforeCreate、created、beforeMount、mounted。

• beforeCreate：在实例初始化之后、数据观测和事件配置之前被调用，此时组件实例尚未创建，不能访问data和methods等数据和方法。
• create：在组件实例创建完后被立即调用，此时组件实例已经创建，可以访问data和methods等数据和方法，但此时组将尚未被挂载到DOM中。
• beforeMount：在组件挂载之前被调用，此时组件已经完成了模板编译，但尚未将其渲染到页面中。
• mounted：在挂载完成后被调用，此时组件已经被渲染到页面中，可以进行DOM操作和组件的一些初始化操作。

3. 更新阶段

• beforeUpdate：在组件更新之前被调用，可以在此钩子函数中进行更新前的操作。
• updated：在组件更新之后被调用，此时组件的DOM已经更新完毕，可以进行DOM操作和一些状态的更新。

4. 销毁阶段

• beforeDestroy: 在组件销毁之前被调用，此时组件实例仍然完全可用。
• destroyed: 在组件销毁之后被调用，此时组件实例已经被销毁，无法再访问组件实例中的任何数据和方法。

5. 激活和停用阶段

• activated: 在 keep-alive 组件被激活时调用。
• deactivated: 在 keep-alive 组件被停用时调用。