Vue生命周期钩子

+ Vue的生命周期包括以下八大钩子函数：

1. beforeCreate：

• 在实例被创建之前调用。此时，实例的数据观测和事件配置尚未开始。

---

2. **created**：

• 在实例创建完成后立即调用。此时，实例已经完成数据观测，但尚未挂载到DOM上。

---

3. **beforeMount**：

• 在实例挂载到DOM之前调用。在这个阶段，模板编译已经完成，但尚未将模板渲染成真实的DOM。

---

4. **mounted**：

• 在实例挂载到DOM之后调用。此时，实例已经完成了DOM的挂载，并且可以访问到挂载后的DOM元素。

---

5. **beforeUpdate**：

• 在数据更新之前调用，即响应式数据发生改变时。在这个阶段，虚拟DOM会重新渲染并应用到实际的DOM

---

6. **updated**：

• 在数据更新之后调用。此时，虚拟DOM已经重新渲染并应用到实际的DOM上，可以执行一些需要依赖更新后的DOM的操作。

---

7. **beforeDestroy**：

• 在实例销毁之前调用。可以进行一些清理工作，例如解绑事件监听器、取消订阅等。

---

8. **destroyed**：

• 在实例销毁之后调用。此时，实例已经完全被销毁，所有的事件监听器和观察者已被移除。

---

除了以上钩子函数，Vue还提供了一些错误捕获的钩子函数：

• errorCaptured：用于捕获子组件抛出的错误。可以在父组件中定义该钩子函数来捕获子组件的错误，并进行相应的处理。