Vue实例的生命周期

一、Vue的生命周期

vue实例从创建到销毁的一系列过程。

二、 Vue实例生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程。

三、Vue生命周期函数

分类：4的阶段8个方法

阶段	方法名	方法名
初始化	beforeCreate	created
挂载	beforeMount	mounted
更新	beforeUpdate	updated
销毁	beforeDestroy	destroyed

初始化阶段：

beforeCreate()，此时无法通过vm访问到data中的数据，methods中的方法。
created()，此时可以通过vm访问到data中的数据，methods中的方法。

挂载阶段：

beforeMount(),此时页面呈现的是未经vue编译的dom结构，所有对dom的操作，最终都不奏效。
mounted()，此时页面中呈现的是经过vue编译的dom，对dom的操作均有效，至此初始化过程结束，一般再次进行，开启定时器，发生网络请求，绑定自定义事件等初始化操作。

更新阶段：

beforeUpdate(),此时数据是更新的，但是页面是旧的，页面和数据还未同步。
updated()，此时数据和页面都是更新的，数据和页面是同步的。

销毁阶段：

beforeDestroy（），此时vm中所有的：data，methods，指令等待，都处于可用状态，马上要执行销毁过程，一般在此阶段：关闭定时器，解绑自定义事件等。
destroyed（），实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。