生命周期钩子---笔记

 一.什么是生命周期

Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能

二.Vue实例生命周期的图示:

 含义
beforeCreate】(创建前)
在实例开始初始化时同步调用。此时数据观测、事件等都尚未初始化
【created】(创建后)
在实例创建之后调用。此时已完成数据观测、事件方法,但尚未开始DOM编译,即未挂载到document中
【beforeMount】(载入前)
在mounted之前运行
【mounted】(载入后)
在编译结束时调用。此时所有指令已生效,数据变化已能触发DOM更新,但不保证$el已插入文档
【beforeUpdate】(更新前)
在实例挂载之后,再次更新实例(例如更新 data)时会调用该方法,此时尚未更新
DOM结构
【updated】(更新后)
在实例挂载之后,再次更新实例并更新完DOM结构后调用
【beforeDestroy】(销毁前)
在开始销毁实例时调用,此刻实例仍然有效
【destroyed】(销毁后)
在实例被销毁之后调用。此时所有绑定和实例指令都已经解绑,子实例也被销毁


 

猜你喜欢

转载自blog.csdn.net/LEP2969171141/article/details/128068585