vue 生命周期

生命周期的概念：

从程序创建到消亡的过程中在某一时刻会自动调用钩子函数或者回调函数。

创建阶段：

beforeCreate：data，methods等内部没有初始化，不能操作数据和方法，可以进行axios请求，但是返回的数据没办法处理

created：可以操作数据和方法

使用场景：最早的ajax请求或者最早的改变数据或者调用方法在created

缺陷：dom未完全加载，拿不到真实的dom

beforeMount：和created差不多，只能操作数据和方法，生成虚拟dom，不能操作真实dom

mounted：创建阶段完成，页面渲染完毕，可以操作dom，进入运行阶段。

运行阶段：

beforeUpdate：内存中的数据已经改变，页面上的还没更新

updated：页面上数据和内存中的一致

销毁阶段：

beforeDestroy：页面销毁之前生命周期，这个生命周期会在页面跳转时执行，会断开所有的算法 、数据 以及方法 变为null 做性能优化处理，释放内存空间

destroyed：在页面跳转时执行、在这里可以做定时器的清理、 dom和addEventListener 监听对象的清理 ，提高性能 ，但是定时器和dom监听需要手动清理

组件路由守卫的三个生命周期：

beforeRouteEnter：进入当前路由页面时调用

beforeRouteUpdate：同一页面，刷新不同数据时调用

beforeRouteLeave：离开当前路由页面时调用