VUE的生命周期理解及作用

vue

beforecreate 在实例初始化之后，这个时候数据还没有挂载，只是一个空壳，无法访问数据和真实的DOM 一般不做操作

created . 实例创建完成之后被调用，挂载数据绑定事件。这个时候已经可以使用数据了，也可以更改数据，在这里更改数据不会出发updated,不会触发其他钩子函数，一般可以做初始化数据的获取

beforeMount 在挂载开始之前被调用，这个时候虚拟DOM已经创建完成，马上就要渲染，这里可以更改数据，不会触发updated,渲染前最后一个更改数据的机会，不会触发其他钩子函数，一般可以在这里做初始化数据的获取

mounted 挂载到实例渲染出真实的DOM，数据真实DOM都处理好了，事件已经挂载好了，可以在这里操作真实DOM

beforeUpdate 数据更新时调用，发生在虚拟DOM重新渲染和补丁之前，当组件或实例的数据更改之后，会立即执行beforeUpdate，然后vue的虚拟dom机制会重新构建虚拟dom与上一次的虚拟dom树利用diff算法进行对比之后重新渲染，一般不做什么事儿

updated . 由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子，当组件或实例的数据更改之后，会立即执行beforeUpdate，然后vue的虚拟dom机制会重新构建虚拟dom与上一次的虚拟dom树利用diff算法进行对比之后重新渲染，一般不做什么事儿

beforeDestory 实例销毁之前调用，般在这里做一些善后工作，例如清除计时器、清除非指令绑定的事件等等

destroyed 实力销毁之后调用，组件的数据绑定、监听...去掉后只剩下dom空壳，这个时候，执行destroyed，在这里做善后工作也可以