vue那个生命周期函数操作dom_Vue生命周期函数面试题

1.什么是 vue 生命周期

Vue实例从创建到销毁的过程，就是Vue的生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom – > 渲染、更新–>渲染、卸载等一系列过程，我们称这是Vue的生命周期。

2.vue生命周期的作用是什么

它的生命周期中有多个事件钩子，让我们在控制整个vue实例的过程时更容易行程好的逻辑。

3.vue的生命周期

(开始创建、初始化数据、编译模板、挂载Dom、渲染、更新、渲染、卸载)主要分为八个阶段：

beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前), updated(更新后) beforeDestroy(销毁前) destroyed(销毁后)

beforeCreate data 和 $el 都没有初始化 全部为 undefined

created data 初始化完成，但 $el 没有初始化

beforeMount data 和 $el 均已存在，但 DOM 为虚拟DOM 仍未完全加载 eg：

{ {message}}

mounted data 和 $el 均已存在，并且 DOM 加载完成 ，完成挂载

当data中数据发生改变时触发update相关函数

beforeUpdate 渲染完成，并监测到data发生变化，在变化的数据重新渲染视图之前会触发，这也是重新渲染之前最后修改数据的机会

updated 监测到data发生变化，并完成渲染更新视图之后触发

beforeDestory 实例销毁之前调用 ， 实例仍然完全可用。

destroyed 实例销毁后调用