20.生命周期

• 事物从出生到死亡的过程
• Vue实例从创建 到销毁的过程 ，这些过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数

• 20.生命周期
  • 1.主要阶段
  • 2.Vue实例的产生过程

1.主要阶段

• 挂载 (初始化相关属性)
  • ① beforeCreate
  • ② created
  • ③ beforeMount
  • ④ mounted
• 更新 (元素或组件的变更操作)
  • ① beforeUpdate
  • ② updated
• 销毁 (销毁相关属性)
  • ① beforeDestroy
  • ② destroyed

2.Vue实例的产生过程

① beforeCreate 在实例初始化之后, 数据观测和事件配置之前被调用

② created 在实例创建完成后被立即调用

③ beforeMount 在挂载开始之前被调用

④ mounted el被新创建的vm.$el替换, 并挂载到实例上去之后调用该钩子

⑤ beforeUpdate数据更新时调用, 发生在虚拟DOM打补丁之前.

⑥ updated 由于数据更改导致的虚拟DOM重新渲染和打补丁, 在这之后会调用该钩子.

⑦ beforeDestroy 实例销毁之前调用

⑧ destroyed 实例销毁后调用