Vue生命周期（详解）

u=870570909,3275181928&fm=26&gp=0.jpg

1. beforeCreate：刚刚new Vue()之后，这个时候，数据还没有挂载呢，只是一个空壳
2. created：这个时候已经可以使用到数据，也可以更改数据,在这里更改数据不会触发updated函数
3. beforeMount：虚拟dom已经创建完成，马上就要渲染,在这里也可以更改数据，不会触发updated
4. mounted：组件已经出现在页面中，数据、真实dom都已经处理好了,事件都已经挂载好了
5. beforeUpdate：重新渲染之前触发（注：其中不可更改数据，否则会进入死循环）
6. updated：数据已经更改完成，dom也重新render完成（注：其中不可更改数据，否则会进入死循环）
7. beforeDestroy：销毁前执行（一般在这里善后:清除计时器、清除非指令绑定的事件等等）
8. destroyed：解除所有数据绑定、监听等。只剩dom空格。