深入理解Vue组件生命周期

    

对上图的理解(个人理解,如有错误,欢迎批评指出)  创建、挂载、更新、


beforeCreate:组件初始化,但数据原生观测、自定义观测(eventwatcher)没生成之前。      未完全创建阶段

created:组件创建后,但还未挂载                                 完全创建阶段

beforeMount:组件渲染后,挂载前。                            渲染后待挂载                  

mounted: 组件挂载到页面    可用 vm.$el 访问             挂载OK

beforeUpdate: 虚拟 DOM 重新渲染和打补丁之前        再次渲染前

updated : 组件 DOM 已经更新                                      再次渲染后              

activated: keep-alive 组件激活时调用。                       当前组件被激活:显示

deactivated: keep-alive 组件停用时调用。                   当前组件隐藏

beforeDestroy: 实例销毁之前调用。实例仍然完全可用。 销毁前

destroy:   Vue 实例销毁后调用

补充:

1.挂载阶段,先渲染组件,然后挂载组件。

原文地址:https://www.cnblogs.com/njqa/p/7097042.html