Vue生命周期

Vue生命周期

什么是生命周期：从Vue实例创建、运行到销毁期间

1.beforeCreate(){}

初始化之前，data中的数据和methods中的方法不能拿到，还没有初始化一般用于页面的重定向

2.created(){}

初始化完成，data和methods已经初始化完成，第一个可以调用data和methods的生命周期，一般用于数据请求，数据初始化

3.beforeMount(){}

虚拟的DOM挂载，页面中的数据还没有挂载

4. mounted(){}

真实的DOM，第一个可以操作DOM元素的生命周期

5.beforeUpdate(){}

可以执行0次或者多次，更新之前，date中的数据是最新的，methods中的数据是旧的

6.updated(){}

data中和页面中的数据都是最新的

7.beforeDestroy(){}

销毁之前，清空定时器 页面监听

8.destroyed(){}

销毁之后