Vue 生命周期详解

107 阅读1分钟

常见的生命周期函数

1、beforeCreate:在实例初始化之后调用,但是data和methods中的数据还未被初始化

2、created:data和methods中的数据都已经初始化完成

3、beforeMount:模板已经在内存中编译完成,但尚未挂载到页面中,此时页面的数据还是旧的数据 4、mounted:只要执行完该生命周期函数,就表示整个vue实例已经初始化完毕

5、beforeUpdate:当执行到该生命周期函数的时候,页面中的数据还是旧的,但是data中的数据是新的,页面尚未和最新的数据保持同步

6、updated:执行的时候,表示页面和data中的数据保持同步,都是最新的

7、beforeDestroy:当执行到该生命周期的时候,表示整个vue实例从运行阶段进入到销毁阶段了,当进入到该生命周期函数的时候data、methods、指定、过滤器...都处于可用状态,此时还没有进入到真正销毁的阶段

8、destroyed:当执行到该生命周期的时候,组件中所有的数据、方法、指令、过滤器…都不可用

1.jpg