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 实例销毁后调用。

三、周期图