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