# 6、生命周期 * [1.主要阶段](https://www.kancloud.cn/zheng1234/vuejs/2393770#1_1) * [a.挂载（初始化相关属性）](https://www.kancloud.cn/zheng1234/vuejs/2393770#a_4) * [b.更新（元素或组件的变更操作）](https://www.kancloud.cn/zheng1234/vuejs/2393770#b_9) * [c.销毁（销毁相关属性）](https://www.kancloud.cn/zheng1234/vuejs/2393770#c_12) * [2\. Vue实例的产生过程](https://www.kancloud.cn/zheng1234/vuejs/2393770#2_Vue_16) # 1.主要阶段 [生命周期图过程](https://cn.vuejs.org/images/lifecycle.png) ## a.挂载（初始化相关属性） beforeCreate created beforeMount **mounted**（重点） （初始化完成） ## b.更新（元素或组件的变更操作） beforeUpdate updated ## c.销毁（销毁相关属性） deforeDestroy destroyed # 2\. Vue实例的产生过程 ① beforeCreate 在实例初始化之后,数据观测和事件配置之前被调用。 ② created 在实例创建完成后被立即调用。 ③ beforeMount 在挂载开始之前被调用。 ④ mounted el被新创建的vm.$el替换,并挂载到实例上去之J后调用该钩子。 ⑤ beforeUpdate 数据更新时调用,发生在虚拟DOM打补丁之前。 ⑥ updated 由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。 ⑦ beforeDestroy 实例销毁之前调用。 ⑧ destroyed 实例销毁后调用。 代码