vue 钩子函数有哪些 有哪些使用的场景

1.各阶段包含的钩子

beforeCreate           在data数据注入到vm（viewModel）实例之前， 此时vm 身上没有数据

created                    在data数据注入到vm (viewModel) 实例之前 ，此时vm身上有数据

beforeMount            生成的结构替换视图之前，此时DOM还没更新

Mounted                   生成的结构替换视图之后，此时DOM更新完成

beforeUpdate           数据发生变化，dom更新之前

updated                    数据发生变化，dom更新之后

activated                  被keep-alive缓存的组件激活时调用

deactivated              被keep-alive缓存的组件停用时调用

这些钩子函数会在vue的生命周期的不同阶段，自动被vue调用

---

2.常用的钩子函数使用场景

beforeCreated          做loading的一些渲染

created                     结束loading，发送数据的请求，拿数据

mounted                   可以对dom进行操作

updated                    监视数据的更新

beforeDestory          销毁非vue资源，放置内存泄漏，例如清除定时器

activated                  当我们运用了组件缓存时，如果想每次切换都发送一次请求的话， 需要把请求函数写在activated中，而写在created或mounted中其只会在首次加载该组件的时候起作用

---