vue生命周期

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