vue的生命周期（直白理解）

前言：什么是生命周期？说白了就是一个事物从诞生到消亡的过程，例如我们从出生到死亡，会经历小孩，少年，成年，老年这些过程，这就是一个生命周期，而在这每个期间我们都会做一些事情，例如小孩的时候学说话，到上学，工作，结婚生子等等，而vue也正是如此，接下来我们进入正题。

vue的生命周期是什么？
是指vue实例从创建到销毁的过程，而每个生命周期的阶段都会有相对应的钩子函数实现组件数据管理和DOM渲染两大主要功能，下面来看官网给出的周期图：
其中绿色的框子里就是vue的生命阶段，这些事情都是vue源码他会自动去做的，而期间的透明框则是这个阶段所去做的事情，也就是所对应的钩子函数（八个阶段）：

beforeCreate（创建前）,
没数据，没DOM

created（创建后）,
有数据，没DOM

beforeMount(挂载前),
vue挂载的根节点已经创建，下面vue对DOM的操作将围绕这个根元素继续进行

mounted（挂载后）,
DOM中的各种绑定数据之类的都搞定了，数据和DOM都被渲染出来

beforeUpdate（更新前）,
虽然没立即更新数据，但是DOM中的数据会改变，这是Vue双向数据绑定的作用。

updated（更新后）,
DOM会和更改过的内容同步。

beforeDestroy（销毁前）,
调用destroy方法可以销毁当前组件。在销毁前，会触发beforeDestroy钩子函数。

destroyed（销毁后）
触发destroyed钩子函数。