Vue中的生命周期与生命周期钩子函数

生命周期与生命周期钩子函数总结

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的，每个Vue实例在被创建时都要经过一系列的初始化过程例如：设置数据的监听，模板编译，将实例挂载到DOM并在数据变化时更新DOM等

1. 要经过这一系列过程，从Vue实例/组件创建到销毁这一系列过程就叫作生命周期
2. 同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。这就叫作生命周期钩子函数

生命周期图示

Vue官网文档

让我们对照着图示，更好的理解生命周期

Vue的生命周期可以分为三个大阶段

1. 初始化挂载阶段

2. 数据更新渲染阶段

3. 销毁阶段

一.初始化挂载阶段

当我们new Vue()创建实例时，内部生命周期会按照这样顺序进行
首先初始化事件与生命周期，经过或者说进行第一个生命周期函数