Web全栈探索，Vue基础系列，常用特性（六）Vue的生命周期

一、生命周期

挂载（初始化相关属性）

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

更新（元素或组件的变更操作）

  • ① beforeUpdate
  • ② updated

销毁（销毁相关属性）

  • ① beforeDestroy
  • ② destroyed

二、Vue实例的产生过程

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

三、周期图

posted @ 2020-07-18 22:57  IT蓝月  阅读(87)  评论(0)  编辑  收藏  举报
Live2D