一、生命周期有哪些
Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后,的生命周期。
生命周期 描述
beforeCreate 组件实例被创建之初
created 组件实例已经完全创建
beforeMount 组件挂载之前
mounted 组件挂载到实例上去之后
beforeUpdate 组件数据发生变化,更新之前
updated 组件数据更新之后
beforeDestroy 组件实例销毁之前
destroyed 组件实例销毁之后
二、生命周期整体流程
beforeCreate:
在实例初始化之后、进行数据侦听和事件/侦听器的配置之前同步调用。
created:
在挂载开始之前被调用:相关的 render
函数首次被调用。
mounted:
在实例挂载完成后被调用,
beforeUpdate
在数据发生改变后,DOM 被更新之前被调用
updated:
在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。
beforeDestroy:
实例被销毁前调用,此时实例属性与方法仍可访问
destroyed:
完全销毁一个实例。可清理它与其它实例的连接,解绑它的全部指令及事件监听器,并不能清除DOM,仅仅销毁实例
官网详图: