7、谈谈你对 Vue 生命周期的理解？

本节目标：理解“7、谈谈你对 Vue 生命周期的理解？”的核心思路，并能把它用于实际开发或面试表达。

说明：原 OneNote 中有图片引用，但图片未包含在导出目录中；本页保留了可用的文字与代码内容。 （1）生命周期是什么？ Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

**（****2****）各个生命周期的作用**

| |

**生命周期**

**描述**

beforeCreate

组件实例被创建之初，组件的属性生效之前

created

组件实例已经完全创建，属性也绑定，但真实 dom 还没有生成，$el 还不可用

beforeMount

在挂载开始之前被调用：相关的 render 函数首次被调用

mounted

el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子

beforeUpdate

组件数据更新之前调用，发生在虚拟 DOM 打补丁之前

update

组件数据更新之后

activited

keep-alive 专属，组件被激活时调用

deactivated

keep-alive 专属，组件被销毁时调用

beforeDestory

组件销毁前调用

destoryed

组件销毁后调用

**（****3****）生命周期示意图**