vue生命周期11个钩子函数

Vue生命周期中，一共有11个钩子函数。这些钩子函数用于在不同的阶段执行一些操作，以便我们可以在组件的生命周期中进行一些自定义操作，例如处理数据、向服务器发出请求、添加/删除事件等。

1. beforeCreate：在实例被创建之前，此钩子函数被调用。此时，组件的局部状态和事件还未被初始化，实例身上的属性和方法也不可用。

2. created：在实例被创建之后，此钩子函数被调用。此时，组件的局部状态和事件已经被初始化，但DOM元素还没有被挂载到页面上。

3. beforeMount：在实例挂载到页面之前，此钩子函数被调用。此时，组件的DOM元素已经在内存中生成，但还没有添加到页面上。

4. mounted：在实例挂载到页面之后，此钩子函数被调用。此时，组件的DOM元素已经添加到了页面中，并且可以与用户进行交互。

5. beforeUpdate：在Vue实例更新之前，此钩子函数被调用。此时，组件的数据已经更新，但视图还没有更新。

6. updated：在Vue实例更新之后，此钩子函数被调用。此时，组件的数据和视图都已经更新完毕。

7. beforeDestroy：在Vue实例销毁之前，此钩子函数被调用。此时，组件的实例还未被销毁，但是它的数据和事件已经被卸载。

8. destroyed：在Vue实例销毁之后，此钩子函数被调用。此时，组件的实例和内存中的DOM元素，事件和监听器都已经被销毁，无法访问。

9. activated：在使用<keep-alive>的组件被激活时调用，会传递缓存的组件实例。

10. deactivated：在使用<keep-alive>的组件被停用时调用，会传递缓存的组件实例。

11. errorCaptured：当子组件产生错误时，此钩子函数会被调用。错误会向上冒泡至全局错误处理器。

以上是Vue生命周期中的11个钩子函数，开发者可根据需要在不同的阶段来进行个性化操作，以达到更好的组件效果。