Vue生命周期

1.beforeCreate：实例初始化之后调用，还拿不到el，data数据。
2.created：在实例创建之后，这里可以访问data里的数据了；适用于发请求，修改data数据；这里还没有挂载，拿不到el元素。
3.beforeMount：挂载元素之前，还没有渲染DOM。
4.mounted：挂载渲染已完成，DOM数据已完成更新；这里子组件并不一定完成渲染，如果等到整个视图都渲染完毕，可以使用 vm.$nextTick。
5.beforeUpdate:数据更新时调用，DOM还没有得到更新。
6.updated：数据更新之后调用，DOM已经得到更新。
7.activated:组件激活时调用（动态组件）。
8.deactivated:组件停用时调用（动态组件）。
9.beforeDestroy:实例销毁之前
10.destoryed：实例销毁之后调用，已经销毁了，不在管理模板了。所有事件监听器都会被解绑。
11.errorCaptured：钩子级别的错误捕获，捕获组件中发生的错误。

lifecycle.png