深入理解Vue组件生命周期

    

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

beforeCreate：组件初始化，但数据原生观测、自定义观测(event\watcher)没生成之前。      未完全创建阶段

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