vue组件生命周期

所有的生命周期跟data是同级

beforeCreate

在实例初始化之后,数据观测 (data observer) 和 event/watcher 配置之前被调用。

此时实例数据对象什么都没有

created

挂载阶段还没开始,dom还未生成,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event

beforeMount

模板编译挂载之前调用,首先会判断对象是否有el选项。如果有的话就继续向下编译,如果没有el选项,则停止编译,也就意味着停止了生命周期\

mounted

模板编译挂载之后调用,vm.$el替换掉el指向的dom

beforeUpdate

数据变更导致虚拟DOM重新渲染之前调用

updated

数据变更导致虚拟DOM重新渲染之后调用

beforeDestroy

实例销毁之前调用,在这一步,实例完全可用

destroyed

vue实例指向的所有东西解除绑定,包括watcher、事件、所以的子组件,后续就不再受vue实例控制了

你可能感兴趣的:(vue组件生命周期)