vue生命周期

vue生命周期

生命周期

​ 项目从创建 运行 到销毁的过程，伴随着各种各样的事件，这些事件称为生命周期

vue常见8种生命周期

1、beforeCreate： 初始化之前，data和methods中的数据还没有初始化。页面重定向

2、created： 初始化之后，data和methods中的数据已经初始化，第一个可以操作data和methods中数据的生命周期。数据初始化，接口请求。

3、beforeMount： 虚拟的DOM挂载

4、mounted： 真实的DOM挂载，第一个可以操作DOM元素的生命周期

5、beforeUpdate： 更新之前，页面中的数据是旧的，data中的数据是新的，尚未保持一致。（执行0次或者无数次）

6、updated： 更新之后，页面和data中的数据都是新的。（执行0次或者无数次）

7、beforeDestroy： 销毁之前，清空定时器和页面监听

8、destroyed： 销毁之后

图解：