vue的生命周期

总共分为 8 个阶段创建前/后,载入前/后,更新前/后,销毁前/后。
1. 创建前/后: 在 beforeCreate 阶段,vue 实例的挂载元素 el 还没有, created阶段。
2. 载入前/后:在 beforeMount 阶段,vue 实例的$el 和 data 都初始化了,但还是挂载之前为虚拟的 dom 节点,data.message 还未替换。在 mounted 阶段,vue 实例挂载完成,data.message 成功渲染。
3. 更新前/后:当 data 变化时,会触发beforeUpdate 和 updated方法。
4. 销毁前/后:在执行 destroy 方法后,对 data 的改变不会再触发周期函数,说明此时 vue 实例已经解除 了事件监听以及和 dom 的绑定,但是 dom 结构依然存在

posted on 2021-07-29 11:09  在座的各位全是乐色  阅读(73)  评论(0)    收藏  举报

导航