vue生命周期11钩子函数

Vue的生命周期包括以下11个钩子函数：

1. beforeCreate(创建前)：在此生命周期函数执行时，数据和方法尚未初始化，无法访问到数据和真实的DOM。

2. created(创建后)：在此生命周期函数中，数据和方法已经初始化完成，可以访问到数据和调用方法。

3. beforeMount(载入前)：在此生命周期函数执行时，模板已经编译完成，但尚未挂载到页面中，页面仍为旧状态。

4. mounted(载入后)：此时页面和内存中的数据都是最新的，可以操作真实DOM节点。

5. beforeUpdate(更新前)：此时页面中显示的数据仍为旧数据，但是数据对象已经更新，页面与数据尚未同步。

6. updated(更新后)：此时页面显示的数据与最新的数据对象已经同步。

7. beforeDestroy(销毁前)：在执行该生命周期函数时，实例中的数据、方法和过滤器等仍然可用，尚未真正销毁。

8. destroyed(销毁后)：此时组件已经完全销毁，实例中的数据、方法、属性和过滤器等都不可用。

9. activated(组件激活时)：当组件从失活状态变为激活状态时调用，常与beforeDestroy和destroyed配合使用。

10. deactivated(组件未激活时)：当组件从激活状态变为失活状态时调用。

11. errorCaptured(错误捕获)：当捕获到来自后代组件的错误时被调用。

这些钩子函数覆盖了Vue实例从创建到销毁的整个生命周期过程，可以在不同的阶段做一些自定义操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>