Vue生命周期

创建期间的生命周期函数

beforeCreate(): 实例完全被创建出来之前执行,data和methods中的数据都还没有被初始化

created():data和methods都已经被初始化好了

Vue生命周期_第1张图片
Vue生命周期_第2张图片

beforeMount():模板已经在内存中编译完成了,但是尚未把模板渲染到页面,此时页面还是旧的

mounted():内存中的模板已经真实的挂载到了页面中,用户已经可以看到渲染好的页面了,只要执行完mounted,就表示整个Vue实例已经初始化完毕了。


Vue生命周期_第3张图片

运行期间的生命周期函数:

这两个时间,会根据data数据的改变触发

beforeUpdate():界面还没有被更新,数据被更新了

updated():页面和data数据已经保持同步了


Vue生命周期_第4张图片

销毁期间的生命周期函数:

beforeDestroy():实例身上所有的data和methods以及过滤器指令等都处于可用状态,还没有真正执行销毁

destroyed():

Vue生命周期_第5张图片

你可能感兴趣的:(Vue生命周期)