谈谈你对 Vue 生命周期的理解？

谈谈你对 Vue 生命周期的理解？

• （1）生命周期是什么？

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

• （2）各个生命周期的作用

  • beforeCreate 组件实例被创建之初，组件的属性生效之前
  • created 组件实例已经完全创建，属性也绑定，但真实dom还没有生成，$el 还不可用
  • beforeMount 在挂载开始之前被调用：相关的render函数首次被调用
  • mounted el被新创建的vm.$el替换，并挂载到实例上去之后调用该钩子
  • beforeUpdate 组件数据更新之前调用，发生在虚拟 DOM 打补丁之前 update 组件数据更新之后 activited keep-alive专属，组件被激活时调用 deactivated keep-alive 专属，组件被销毁时调用
  • beforeDestory 组件销毁前调用 destoryed 组件销毁后调用