一、Vue的生命周期

Vue一共有八大生命周期

一、初始化

1、beforeCreate   -vue实例化对象创建之前

是最先执行的生命周期函数 

获取不到data数据

作用于：执行时组件实例还未创建，通常用于插件开发中执行一些初始化任务

常用 2、created    -vue实例化对象创建之后

可以获取到data数据，不可以用来获取元素节点的

作用于：

1、组件初始化完毕，各种数据可以使用，常用于异步数据获取

2、 一般用来获取接口数据 因为速度更快 并且这时候已经把data加载出了

3、beforeMount   -vue的dom挂载之前

可以获取到节点 但是不能把data中的数据渲染在dom节点中

常用 4、mounted    -vue的dom挂载到实例上去之后

可以获取到节点 且把data中的数据渲染在dom节点中了 

作用于：

1、操作元素节点的业务需要写在mounted里

2、初始化结束，dom已创建，可用于获取访问数据和dom元素

二、更新

先执行beforeUpdate 再执行updated

5、beforeUpdate   -vue的data值更新之前

若在beforeUpdate中再次修改数据，不会再次触发更新方法

作用于：更新前，可用于获取更新前各种状态

6、 updated - 组件数据更新之后

若在updated中再次修改数据，会再次触发更新方法

作用于：更新后，所有状态已是最新

三、销毁

this.$destroy - 销毁vm

7、 beforeDestroy  -组件销毁前

实例被销毁前调用，此时实例属性与方法仍可访问

作用于：销毁前，可用于一些定时器或订阅的取消

8、destroyed   -组件销毁之后

完全销毁一个实例。可清理它与其它实例的连接，解绑它的全部指令及事件监听器

并不能清除DOM，仅仅销毁实例

作用于：组件已销毁，可用于一些定时器或订阅的取消