vue生命周期

一、vue生命周期
组件从创建到销毁的一系列过程叫做组件的生命周期，vue在整个生命周期里面提供了一些函数，可以在内部实现一些业务逻辑，并且这些函数在一些特定的场合下才执行。
钩子函数：
在vue生命周期中钩子函数有八种分别为：
beforeCreate、 created、 beforeMount、 mounted、 beforeUpdate、 updated、beforeDestroy、 destroyed
在组件的生命周期中，钩子函数大致分为三类分别为：
初始化，运行中，销毁
初始化阶段： beforeCreate created beforeMount mounted
运行中阶段：beforeUpdate updated
销毁阶段: beforeDestroy destroyed
在此我简单介绍下每个钩子函数：
1、beforeCreate 这个钩子函数初始化的时候立马执行 是获取不到数据的
真实DOM也是获取不到，真实DOM为null。
2、created钩子函数内部的数据已经被挂载了，但是真实dom节点还是没有渲染出来，在这个钩子函数里面，如果同步的去更改数据的话，运行中钩子函数是不会执行的。通常会在此钩子函数里面进入ajax的异步操作，另外还可以做一些初始化事件的绑定。
3、beforeMount代表dom马上就要被渲染出来了，但是还没有真正的在页面中渲染出来，此钩子函数与created钩子函数基本一致，可以做ajax与初始化事件的绑定操作。
4、mounted钩子函数是初始化阶段的最后一个钩子函数，数据已经挂载完毕了，真实的dom也已经渲染出来了，这个钩子函数可以用来做一些实例化的相关操作 ，比如拖拽效果
5、beforeUpdate:运行时钩子函数初始化阶段是不会主动执行，当data中数据被改变时，beforeUpdate被执行，只有dom挂载完毕了，然后数据再发生改变，beforeUpdate就会被执行。beforeUpdate获取DOM里面的数据，是更新之前的内容
6、当更新完成后，执行updated，数据已经更改完成，dom也重新render完成，可以操作更新后的dom
7、当经过某种途径调用$destroy方法后，立即执行beforeDestroy，一般在这里做一些善后工作，例如清除计时器、清除非指令绑定的事件等等
8、组件的数据绑定、监听…去掉后只剩下dom空壳，这个时候，执行destroyed，在这里做善后工作也可以
下面展示vue生命周期的总体图，可以对照着理解：