Vue 生命周期

一、什么是 vue 生命周期

从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

生命周期函数=生命周期事件=生命周期钩子

下面是官网的生命周期表

二、生命周期函数

1、beforeCreate

表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化，一般用于页面重定向。

2、created

第一个能操作data数据的生命周期，一般用于接口请求+数据初始化

3.beforeMount

虚拟dom元素挂载前，此时页面元素尚未更新

4. mounted

dom元素挂载后，如果需要操作dom，可以在此生命周期执行

5.beforUpdate

data 数据尚未和最新的数据保持同步

6.update

updated函数执行时，页面和data数据已经保持同步了，都是最新的

7.beforeDestory

进入销毁阶段，所有的data，methods...都处于可以使用的状态，此时还没有真正执行销毁的过程

8.destoryed

执行destory函数时，组件已经完成销毁了，所有的数据，方法，指令....都不可用了