vue2 11个生命周期钩子

在Vue2中，有11个生命周期钩子。它们按照顺序分为创建、挂载、更新和销毁四个阶段。

创建阶段：
1. beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。此时，实例还没有初始化完成，因此不能访问到data和计算属性。
2. created：在实例创建完成后被立即调用。此时，实例已经完成了数据观测、属性和方法的运算，但是还没有开始DOM编译和挂载。

挂载阶段：
3. beforeMount：在挂载开始之前被调用。此时，模板编译和数据填充还没有开始，因此DOM元素还没有被真正渲染出来。
4. mounted：在挂载完成后被调用。此时，实例已经完成了DOM编译和挂载，可以访问到DOM元素，并且可以进行DOM操作。

更新阶段：
5. beforeUpdate：在数据更新之前被调用。此时，数据已经改变，但是DOM还没有重新渲染。
6. updated：在数据更新之后被调用。此时，DOM已经重新渲染，可以进行DOM操作。

销毁阶段：
7. beforeDestroy：在实例销毁之前被调用。此时，实例仍然完全可用，可以访问到所有的数据和方法。
8. destroyed：在实例销毁之后被调用。此时，实例已经被销毁，所有的事件监听器和观察者都被移除，无法再访问到实例的数据和方法。

错误捕获阶段：
9. beforeError：在捕获一个来自子孙组件的错误时被调用。
10. errorCaptured：在捕获一个来自任意后代组件的错误时被调用。

这些生命周期钩子可以让我们在不同的阶段执行相应的操作，以实现对应的功能需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue生命周期钩子](https://blog.csdn.net/lql19970816/article/details/124906789)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]