vue的生命周期

一、什么是vue的生命周期

vue生命周期是指vue实例从创建到销毁的过程
我们可以在生命周期的不同阶段 调用不同的钩子函数实现组件数据管理和DOM渲染

---

二、vue的生命周期有哪些钩子函数？如何触发？

vue生命周期钩子函数常用的有8个(实例创建–>挂载–>更新–>销毁)

1. beforeCreate vue实例创建前
2. created 创建前
3. beforeMount 挂载前
4. mounted 挂载后
5. beforeUpdate 更新前
6. updated 更新后
7. beforeDestroy 销毁前
8. destroyed 销毁后

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

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

---

三、项目开发中 在生命周期里都做过什么功能

1. 在 created 或者 mounted 中发送 http、ajax 等 请求
   (created 比 mounted 执行的时间更早，所以更多的在 created 中发送请求)
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

---