vue 的生命周期

一、vue 的生命周期

beforeCreate：初始化数据
created：数据初始化完成

beforeMount：准备挂载数据
mounted：数据挂载完毕

beforeUpdate：更新前的状态
updated：更新完成的状态

beforeDestroy：在实例销毁之前调用，实例仍然完全可用。
destroyed：在Vue 实例销毁后调用，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

 

二、Vue 父子组件的生命周期顺序

1、加载渲染过程 

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

2、子组件更新过程

父beforeUpdate->子beforeUpdate->子updated->父updated 

3、父组件更新过程

父beforeUpdate->父updated

4、销毁过程

父beforeDestroy->子beforeDestroy->子destroyed->父destroyed