Vue生命周期

首先，什么是生命周期呢？

所谓生命周期就是生命从出生到死亡的过程，在Vue中也就是Vue对象从创建到销毁的过程。

 

 1.Vue组件创建阶段

 

控制台效果：

 

2.Vue组件挂载阶段

控制台效果：

 

 3.Vue组件更新阶段

 

 

 

 

 

控制台效果：

 

 4.Vue组件卸载阶段

 

控制台效果：

 

 

 八大生命周期：

1. beforeCreate（创建前）
2. created （创建后）
3. beforeMount (载入前)
4. mounted （载入后）
5. beforeUpdate （更新前）
6. updated （更新后）
7. beforeDestroy（ 销毁前）
8. destroyed （销毁后） 

当Vue对象创建之前触发的函数（beforeCreate）

Vue对象创建完成触发的函数(Created)

当Vue对象开始挂载数据的时候触发的函数(beforeMount)

当Vue对象挂载数据的完成的时候触发的函数(Mounted)

Vue对象中的data数据发生改变之前触发的函数 (beforeUpdate)

Vue对象中的data数据发生改变完成触发的函数(Updated)

Vue对象销毁之前触发的函数 (beforeDestroy)

Vue对象销毁完成触发的函数(Destroy)

生命周期的作用：

Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。