一、生命周期

挂载(初始化相关属性)

  • ① beforeCreate
  • ② created
  • ③ beforeMount
  • ④ mounted

更新(元素或组件的变更操作)

  • ① beforeUpdate
  • ② updated

销毁(销毁相关属性)

  • ① beforeDestroy
  • ② destroyed

二、Vue实例的产生过程

  • ① beforeCreate 在实例初始化之后,数据观测和事件配置之前被调用。
  • ② created 在实例创建完成后被立即调用。
  • ③ beforeMount 在挂载开始之前被调用。
  • ④ mounted el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子。
  • ⑤ beforeUpdate 数据更新时调用,发生在虚拟DOM打补丁之前。
  • ⑥ updated 由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。
  • ⑦ beforeDestroy 实例销毁之前调用。
  • ⑧ destroyed 实例销毁后调用。

三、周期图

Web全栈探索,Vue基础系列,常用特性(六)Vue的生命周期

相关文章:

  • 2022-12-23
  • 2021-08-25
  • 2022-12-23
  • 2022-01-17
  • 2021-11-30
  • 2022-02-09
  • 2021-10-30
猜你喜欢
  • 2021-09-18
  • 2021-11-21
  • 2021-06-25
  • 2021-06-01
  • 2021-06-15
  • 2022-01-18
  • 2021-07-02
相关资源
相似解决方案