总共分为8个阶段创建前/后,载⼊前/后,更新前/后,销毁前/后
- 创建前/后: 在 beforeCreate 阶段, vue 实例的挂载元素 el 和数据对象 data 都为 undefined
,还未初始化。在 created 阶段, vue 实例的数据对象 data 有了,el还 没有 - 载⼊前/后:在 beforeMount 阶段, vue 实例的 $el 和 data 都初始化了,但还是挂载 之前为虚拟的 dom 节点,data.message 还未替换。在 mounted 阶段, vue 实例挂载 完成, data.message 成功渲染
- 更新前/后:当 data 变化时,会触发 beforeUpdate 和 updated ⽅法
- 销毁前/后:在执⾏ destroy ⽅法后,对 data 的改变不会再触发周期函数,说明此时
vue 实例已经解除了事件监听以及和 dom 的绑定,但是 dom 结构依然存在
什么是vue⽣命周期?
Vue 实例从创建到销毁的过程,就是⽣命周期。从开始创建、初始化数据、编译模 板、挂载Dom→渲染、更新→渲染、销毁等⼀系列过程,称之为 Vue 的⽣命周期。
vue⽣命周期的作⽤是什么?
它的⽣命周期中有多个事件钩⼦,让我们在控制整个Vue实例的过程时更容易形成好的
逻辑。
第⼀次⻚⾯加载会触发哪⼏个钩⼦?
会触发下⾯这⼏个 beforeCreate 、 created 、 beforeMount 、 mounted 。
DOM 渲染在哪个周期中就已经完成?
答: DOM 渲染在 mounted 中就已经完成了