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实例控制了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容