vue 生命钩子

创建(数据监测和数据代理)

beforeCreate(初始化前)

此时无法通过VM访问到data中的数据,methods中的方法(初始化生命周期和事件,但是数据代理还未开始

created (初始化完成)

此时可以通过VM访问到data中的数据,methods中的方法(数据代理和数据监测已经完成。)

挂载 (将虚拟DOM转成真实DOM放入页面)

beforeMount (挂载前)

解析成虚拟DOM
此时页面呈现的是未经编译的DOM结构,所有对DOM操作的最终都不奏效

mounted(挂载完成)

已经虚拟DOM转为真实DOM插入页面
此时页面呈现的是已经编译的DOM结构,所有对DOM操作的都奏效(尽可能避免)
至此初始化结束

更新(data数据发生变化时)

beforeUpdate (更新前)

此时数据已经更新,但是页面还未更新

updated (更新完成)

此时数据是新的,页面也是新的,即数据和页面同步

销毁

beforeDestroy (销毁前)

此时VM中所有的:data methods 指令等等,都处于可用状态,马上执行销毁过程
一般在此阶段 :关闭定时器,取消订阅,解除自定义时间等等收尾工作

destroyed (销毁完成)

完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及自定义事件监听器。(原生DOM事件还可以触发)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容