vue生命周期函数以及使用场景

beforeCreated

实例创建前,这个阶段实例的data和mounted是读不到的

created

实例创建后,这个阶段已经完成了数据观测(data Observer),属性和方法的运算,watch事件的回调,el属性目前不可见,数据并没有在dom元素上面进行渲染

beforeMounted

在挂载开始之前被调用,相关的rander的函数首次被调用

mounted

el选项的dom节点被新创建,vm.$el替换并挂载到实例上去,之后调用此生命周期函数,此时实例的数据在dom节点上面进行渲染

beforeUpdate

数据更新时调用但是不进行dom重新渲染,将数据更新时dom没有渲染前,可以在这个生命周期函数里面处理

update

这个状态下dom重新渲染,当这个生命周期被调用的时候,主键dom已经更新,此时可以进行依赖dom的操作,当时实例每次进行数据更新update都会被操作

beforeDestoryed

实例销毁之前调用

destoryed

实例销毁后调用,调用vue实例的所以东西都会解绑,所有的监听器会被移除,所有的子实例也会被销毁

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容