vue生命周期图：
由此官方的vue生命周期图我们可以看出：
vue生命周期中一共包含六个钩子：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed。
1.beforeCreate：vue被创建出来后会初始化，之后执行beforeCreate钩子函数，此时无法访问数据。
2.created：在beforeCreate于created间挂载数据，绑定事件等等，执行完created钩子函数后可以使用数据。
3.beforeMount：在created于beforeMount间寻找组件、实例的模板，在这个函数中准备渲染，也可以更改数据（最后一次渲染前更改数据）。
4.mounted：渲染dom完成，组件出现在页面中，数据也都处理好了，可以在这里操作真实dom。
5.beforeUpdate：页面展示完成，操作页面，更改组件或实例的数据执行此函数，然后vue会更新数据重新渲染。
6.updated：更新数据后的页面渲染完成，如果再次更新数据，则再次执行beforeUpdate函数，再次进行重新渲染。
7.beforeDestory：实例或组件销毁前调用此函数，此时vue基本凋谢。
8.destoryed：实例或组件销毁后调用，所有绑定的东西都会解除绑定，监听器也会移除，此时vue已枯萎。
以上是个人对vue生命周期的理解，若有错误的地方，还需要大佬们多多指点！
原文：https://www.cnblogs.com/btlbk/p/11041628.html