vue生命周期

 

1. 简单阐述vue的生命周期？

Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建，初始化数据，编译模板，挂载DOM-->渲染，更新-->渲染，卸载等一系列过程。（这些当然还不够）

创建一个实例，在new vue（）的对象过程中，首先执行了init（init是vue组件默认执行的），在init过程中首先调用beforecreate

 

   2.vue生命周期的作用？

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

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

八个阶段：创建前后，载入前后，更新前后，销毁前后

  4.第一次页面加载会触发哪几个钩子

beforeCreate,created,beforeMount,mounted

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

在mounted中就已经完成了

  6.

beforeCreate：组件实例刚被创建，组件属性计算之前，如data属性等（可以在这加个loading事件，在加载实例时触发）

created：组件实例创建完成，属性已绑定，但DOM还未生成，$el还不可用。此阶段完成数据的观测

beforeMount：模板编译/挂载之前

mounted：编译模板/挂载之后，一般我们的第一个业务逻辑会在这里开始（不保证组件已在document中）

beforeUpdate：组件更新之前

updated：组件更新之后

avtivated：for keep-alive,组件被激活时调用

deactivated：for keep-alive，组件被移除时调用

beforeDestory：组件销毁前调用，主要解绑一些使用addEventListener监听的事件等（可以做一个确认停止事件的确认框nextTick：更新数据后立即操作dom）

destoryed：组件销毁后调用