第18题： 关于vue的生命周期考题

• 什么是vue生命周期？

  答： Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。

• vue生命周期的作用是什么？

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

• vue生命周期总共有几个阶段？

  答：它可以总共分为8个阶段：创建前/后、载入前/后、更新前/后、销毁前/销毁后。

• 第一次页面加载会触发哪几个钩子？

  答：会触发下面这几个beforeCreate、created、beforeMount、mounted 。

• DOM 渲染在哪个周期中就已经完成？

  答：DOM 渲染在 mounted 中就已经完成了。

总结

通过 new Vue() 实例化 Vue 对象会调用 _init 方法完成一系列初始化操作，在初始化数据之前会调用 beforeCreate 钩子，在数据初始化后调用 created 钩子。在生成渲染函数之后，调用 beforeMount 钩子，接着根据渲染函数生成真实DOM并挂载，然后调用 mounted 钩子。数据更新时，在重新渲染之前调用 beforeUpdate 钩子，在完成渲染后调用 updated 钩子。在调用实例方法 $destroy() 销毁实例时首先调用 beforeDestroy 钩子，然后执行销毁操作，最后调用 destroyed 钩子。

想看vue生命周期具体讲解的小伙伴戳着 => vue生命周期