vue⽣命周期

1.⼋个组件标配⽣命周期函数：

1.1beforeCreate：在实例初始化之后，数据观测和事件配置之前被调⽤，此时组件的 data 和 methods 等属性还未初始化。在这个阶段，我们可以进⾏⼀些初始化⼯作，例如创建事件总线、全局 配置等。

1.2created：在实例创建完成后被⽴即调⽤，此时组件的 data 和 methods 等属性已经初始 化，但是还没有开始编译模板。在这个阶段，我们可以进⾏⼀些异步操作，例如发起⽹络请求、获取数 据等。

1.3beforeMount：在挂载开始之前被调⽤，在这个阶段，Vue 将编译模板，将组件渲染成真实的 DOM节点，但是尚未挂载到⻚⾯上。在这个阶段，我们可以进⾏⼀些操作，例如修改组件的模板、获取 组件的DOM节点等。

1.4mounted：在挂载完成之后被调⽤，此时组件已经挂载到⻚⾯上，并且DOM节点已经可以操作。 在这个阶段，我们可以进⾏⼀些操作，例如操作DOM节点、初始化第三⽅插件等。

1.5beforeUpdate：在数据更新之前被调⽤，此时组件的数据已经更新，但是DOM节点还没有重新 渲染。在这个阶段，我们可以进⾏⼀些操作，例如获取更新前的DOM节点信息、记录滚动条位置等。

1.6updated：在数据更新之后被调⽤，此时组件的数据已经更新，并且DOM节点也已经重新渲染。 在这个阶段，我们可以进⾏⼀些操作，例如操作DOM节点、更新第三⽅插件等。

1.7beforeDestroy：在实例销毁之前被调⽤，此时组件还没有被销毁，但是已经解除了数据绑定 和事件监听。在这个阶段，我们可以进⾏⼀些操作，例如清除定时器、取消⽹络请求等。

1.8destroyed：在实例销毁之后被调⽤，此时组件已经被销毁，所有的数据绑定和事件监听都已经 被解除。在这个阶段，我们可以进⾏⼀些操作，例如释放⼀些资源、清除全局事件等。 需要注意的是，beforeCreate 和 created 阶段是组件初始化的过程，此时组件还没有被挂载到 ⻚⾯上。beforeMount 和 mounted 阶段是组件挂载的过程，此时组件已经被渲染成真实的DOM节 点，并且已经挂载到⻚⾯上。

beforeDestroy 和 destroyed 阶段是组件销毁的过程，此时组件已 经被销毁，所有的数据绑定和事件监听都已经被解除。⽽ beforeUpdate 和 updated 阶段是组件 更新的过程，此时组件的数据已经更新，但是DOM节点还没有重新渲染。

2.vue2新增两个特殊⽣命周期函数：

2.1activated：在 keep-alive 组件激活时调⽤，该组件在缓存中存在，但是还没有渲染出来。 在这个阶段，我们可以进⾏⼀些操作，例如获取 keep-alive 组件的缓存信息、操作 DOM 节点 等。

2.2deactivated：在 keep-alive 组件停⽤时调⽤，该组件在缓存中存在，但是已经被渲染出 来。在这个阶段，我们可以进⾏⼀些操作，例如保存 keep-alive 组件的状态、操作 DOM 节点 等。 需要注意的是，activated 和 deactivated 阶段只有在使⽤ keep-alive 组件时才会被调 ⽤，⽽且只能在组件内部使⽤，⽆法在全局注册时使⽤。

3.⽗组件和⼦组件⽣命周期钩⼦执⾏顺序: `加载渲染过程`: ⽗ beforeCreate -> ⽗ created -> ⽗ beforeMount -> ⼦ beforeCreate -> ⼦ created -> ⼦ beforeMount -> ⼦ mounted -> ⽗ mounted `更新过程`: ⽗ beforeUpdate -> ⼦ beforeUpdate -> ⼦ updated -> ⽗ updated `销毁过程`: