Vue的生命周期

每天一个前端面试题之 Vue的生命周期函数

---

一、什么是Vue的生命周期

Vue官网是这样解释的：

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

vue实例是独立的，每一个vue实例都有一个属于它的生命周期，比如一个组件从创建、数据初始化、挂载、更新、销毁，这个过程就是一个组件所谓的生命周期。

二、Vue生命周期的作用是什么

正如上面官网中所说的，在vue的生命周期中有一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。在生命周期的不同阶段调用对应的钩子函数，实现组件数据管理和DOM渲染两大重要功能。
下图是vue生命周期的原理图。

三、vue生命周期的各个阶段都做了什么

根据上图，

beforeCreate: 实例创建之前触发。vue初始化过程中的的第一个钩子函数。在此之前，vue已经初始化了事件（Events）和生命周期（Lifecycle）。这个阶段vue实例的data