Vue声明周期总结

什么是vue的生命周期？

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

vue的声明周期分为那几个阶段？

8个阶段，分别是：

• 创建前beforeCreate
• 创建后created
• 挂载前beforeMount
• 挂载后mounted
• 更新前beforeUpdate
• 更新后updated
• 销毁前beforeDestroy
• 销毁后destroyed

vue生命周期的作用？

生命周期中有多个事件钩子，有利于我们控制整个vue实例的过程，形成更好的逻辑

vue有哪些生命周期钩子函数？

• beforeCreate:
  实例创建之前，在数据观测，初始化事件还未开始

• created：
  实例创建完成，完成数据观测，属性和方法的运算，初始化事件，此时$el还没有显示出来，可以访问到data，computed，methods，watch

• beforeMount：
  在挂载之前被调用，相关的render函数首次被调用。编译模板，把data里面的数据和模板生成html，还没有挂载到Dom上

• mounted：
  在el被新创建的vm.$el替换，并挂载到实例上后调用。实例挂载在Dom上，此时可以通过Dom的api获取dom节点，$el可以被访问了

• beforeUpdate：
  响应数据更新时调用，发生在虚拟dom打补丁之前

• updated：
  虚拟dom重新渲染或打补丁之后调用，dom已经更新，可以进行依赖于dom的操作

• beforeDestroy：
  实例销毁之前调用，此时组件完全可用，可以通过this获取实例

• destroyed：
  实例销毁后调用