Vue生命周期详解(图解)

首先我们对Vue生命周期官方给出的图进行详细解释

Vue生命周期详解(图解)_第1张图片 vue生命周期详细图解
什么是生命周期?
简而言之:从生到死的过程,从Vue实例创建-运行-销毁的过程
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程
生命周期方法?
Vue从生到死的过程中伴随着各种各样的事件,这些事件会自动触发一些方法.这些方法我们统称为生命周期方法
生命周期钩子 = 生命周期函数 = 生命周期事件

创建期间生命周期方法
    beforeCreate:
    created:
    beforeMount
    mounted
运行期间生命周期方法
    beforeUpdate
    updated
销毁期间的生命周期方法
    beforeDestroy
    destroyed

代码解释:




    
    Vue生命周期方法
    
    


{{msg}}

 

你可能感兴趣的:(vue)