Vue2 生命周期详解：8个阶段全解析

Vue2 的生命周期包括以下 8 个阶段：

1. 'beforeCreate'：在实例创建之前调用，此时还未初始化数据和事件。

2. 'created'：实例创建之后调用，此时已经完成了数据的初始化，但还未挂载到页面上。

3. 'beforeMount'：在挂载之前调用，此时已经完成了模板编译，但还未替换页面中的节点。

4. 'mounted'：挂载完成之后调用，此时实例已经挂载到页面上，可以访问到 DOM 元素。

5. 'beforeUpdate'：在数据更新之前调用，此时已经完成了数据响应式的处理，但还未重新渲染页面。

6. 'updated'：数据更新完成后调用，此时页面已经重新渲染，可以访问到更新后的 DOM 元素。

7. 'activated'：在 keep-alive 组件激活时调用。

8. 'deactivated'：在 keep-alive 组件停用时调用。

9. 'beforeDestroy'：在实例销毁之前调用，此时实例还未被销毁，可以访问到实例上的数据和方法。

10. 'destroyed'：实例销毁之后调用，此时实例已经被销毁，不能再访问到实例上的数据和方法。