// 创建 => 挂载 => 更新 => 销毁
// 初始化(执行1次) beforeCreate() => created() => beforeMount() => mounted()
// 更新数(执行n次) beforeUpdate() => updated()
// 销毁数(执行1次) beforeDestroy() => destroyed()
// 组件的缓存/激活 deactivated()/activated()
// 捕获子组件错误 errorCaptured()
//--------------我是分割线--------------
//创建前:实例完全被创建出来之前;
//在实例初始化之后立即同步调用,此时还没有数据代理和数据观察,还不能通过this操作data.
beforeCreate(){}
//创建后:实例完全被创建
//完成数据观察,数据对象已经存在,可以调用methods中的方法;但是此时还不能操作dom.
created(){}
//挂载前:数据渲染前
//vue实例的$el和data都已初始化,但是没挂载(渲染)到页面上.
beforeMounted(){}
//挂载后:
//页面已经初始化显示,实例完全创建好了.
mounted(){}
//更新前:data数据已改变
//在数据更新之后,界面更新事件.
beforeUpdate(){}
//更新后:页面和data一致.
//当 data 变化时,会触发 updated 方法。页面和 data 数据已经保持同步了。
updated(){}
//销毁前:
//组件销毁之前调用,在这一步,实例仍然完全可用。
beforeDestory(){}
//销毁后:
// 组件销毁后调用,改变data不会再触发周期函数;vue实例已解除事件监听和dom绑定,但dom结构依然在。
destoryed(){}
Vue生命周期
最新推荐文章于 2024-06-19 11:11:55 发布