Vue生命周期函数具体在哪些阶段被调用，其详细调用顺序是怎样的？

本文共计2089个文字，预计阅读时间需要9分钟。

目录+生命周期+Vue.mixin+生命周期选项合并+调用生命周期函数+总结+Vue+为用户提供了大量生命周期钩子函数，可以让用户在组件的不同阶段自定义逻辑。这样，用户可以在组件运行的各个阶段编写自己的逻辑，实现组件的灵活控制。+那么+Vue+内部+“

目录

• 生命周期
• Vue.mixin
• 生命周期选项合并
• 调用生命周期函数
• 结语

生命周期

Vue为用户提供了许多生命周期钩子函数，可以让用户在组件运行的不同阶段书写自己的逻辑。

那么Vue内部到底是如何处理生命周期函数的呢？Vue的生命周期究竟是在代码运行的哪个阶段执行呢？本文将实现Vue生命周期相关代码的核心逻辑，从源码层面来理解生命周期。

Vue.mixin

在介绍生命周期之前，我们先来看下Vue.mixin。

Vue.mixin是Vue的全局混合器，它影响Vue创建的每一个实例，会将mixin中传入的配置项与组件实例化时的配置项按照一定规则进行合并。对于生命周期钩子函数，相同名字的生命周期将会合并到一个数组中，混合器中的钩子函数将会先于组件中的钩子函数放入到数组中。在特定时机时，从左到右执行数组中的每一个钩子函数。