vue2的生命周期

---

---

一. 什么是vue生命周期？

所谓的vue⽣命周期就是vue实例从创建到销毁的整个过程
通过vue的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作.

---

二. vue生命周期都有哪些钩子函数？这些钩子函数如何触发？

vue⽣命周期常⽤的钩⼦函数⼀共有8个,分别是创建前后、挂载前后、更新前后以及销毁前后.

1. beforeCreate 创建前
2. created 创建后
3. beforeMount 挂载前
4. mounted 挂载后
5. beforeUpdate 更新前
6. updated 更新后
7. beforeDestory 销毁前
8. destoryed 销毁后

注意还有3个生命周期函数

1. activated 组件在被keep-alive 激活后触发
2. deactivated 组件被keep-alive 停用缓存后触发
3. errorCaptured 子组件出错会调用这个生命周期函数

---

三. 项目开发中，在生命周期里面分别做过什么功能？

1. 在created 或 mounted 中调用请求(axios,ajax,http) 等……
2. 在created 中获取本地存储的数据，
3. 相对于created 生命周期钩子函数，mounted 可以获取到dom元素 ，如果获取不到，可以用 this.$nextTick() 来获取页面渲染完成后的dom 元素

---

四. 页面第一次加载时父组件生命周期执行的顺序是什么？

当一个子组件在父组件中调用时
生命周期钩子函数 从上往下 依次执行

1. 父组件—beforeCreate
2. 父组件—created
3. 父组件—beforeMount
4. 子组件—beforeCreate
5. 子组件—created
6. 子组件—beforeMount
7. 子组件—mounted
8. 父组件—mounted

---