请详细说下你对vue生命周期的理解？

Posted 2022-06-02 sunww

主要有四个阶段：创建前/后，DOM渲染前/后，更新前/后，销毁前/后。

对于各个周期的理解： 
创建前/后： 
beforeCreated：此时的vue实例还没有挂载元素$el，数据对象data也是undefiend； (没有$el, 没有data)
created：vue实例的数据对象data有了，但是$el还没有 (没有$el, 已有data)
载入前/后： 
beforeMount：vue的实例的$el和data都初始化了，但还是挂载在之前虚拟的DOM节点上面，data.message还未替换 
mounted :vue实例挂载完成，data.message成功渲染。 
更新前/后 
在data发生变化的时候，会触发beforeUpdate和updated方法。 
销毁前/后： 
在destiory之后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但dom依在