一次性搞懂Vue生命周期

Vue的生命周期大致有四个阶段：
从创建–挂载–渲染–销毁，这创建到销毁一系列的过程就叫做生命周期。

Vue的生命周期大致有八个阶段：
beforeCreate:
实例创建前，这时候Vue实例还没有挂载，数据对象data也是undefined,所以数据还没有加载，页面也没有显示。
这个时候就可以使用Loading动画组件来弥补这个空缺。
Created:
实例创建完成，这个时候Vue的实例对象data就有了，我们可以操作数据的属性和methods里面的方法了。最早的axios数据请求就在这个里面进行的。
beforeMount:
实例载入前，这个时候Vue实例初始化完成，但是页面还没有显示。
mounted:
实例载入后，元素挂载完成，获取到DOM，页面数据加载完成。
beforeUpdate:
实例更新前，这时候页面显示的数据还是之前的，而data里面的数据是新的，页面数据还没有更新同步。
updated:
实例更新后，这个时候数据完成同步，页面更新。
beforeDestory:
实例销毁前，这个时候组件的数据对象data和那些方法指令都是可以正常使用的。
destoryed:
实例销毁完成，这个时候组件已经销毁，里面的数据和方法都不可使用。

第一次加载页面的时候触发了四个钩子：
beforeCreate,Created,beforeMount,Mounted

DOM渲染在Mounted钩子中已经完成。