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