vue生命周期详情

一、生命周期有哪些
Vue生命周期总共可以分为8个阶段：创建前后, 载入前后,更新前后,销毁前销毁后，的生命周期。 

生命周期    描述
beforeCreate    组件实例被创建之初
created    组件实例已经完全创建
beforeMount    组件挂载之前
mounted    组件挂载到实例上去之后
beforeUpdate    组件数据发生变化，更新之前
updated    组件数据更新之后
beforeDestroy    组件实例销毁之前
destroyed    组件实例销毁之后

二、生命周期整体流程

beforeCreate:

在实例初始化之后、进行数据侦听和事件/侦听器的配置之前同步调用。

created:

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

mounted:

在实例挂载完成后被调用，

beforeUpdate

在数据发生改变后，DOM 被更新之前被调用

updated:

在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。

​beforeDestroy:

  ​实例被销毁前调用，此时实例属性与方法仍可访问

 destroyed:

完全销毁一个实例。可清理它与其它实例的连接，解绑它的全部指令及事件监听器，并不能清除DOM，仅仅销毁实例

官网详图: