vue2-[生命周期]

1. 有哪些生命周期

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 子组件出错会调用这个生命周期函数

2. 一进页面，执行哪些生命周期，什么顺序

1. beforeCreate vue实例创建前
2. created 创建前
3. beforeMount 挂载前
4. mounted 挂载后

3. 在哪个阶段有$el,在哪个阶段有$data

• $el: 页面的根结点
• $data: 页面的data(数据)

created 开始有$data

mounted 开始有$el

4. 如果加入了keep-alive,会多俩个生命周期

1. activated 组件在被keep-alive 激活后触发
2. deactivated 组件被keep-alive 停用缓存后触发

5. 如果加入了keep-alive,第一次进入页面或组件执行哪些生命周期

1. beforeCreate vue实例创建前
2. created 创建前
3. beforeMount 挂载前
4. mounted 挂载后
5. activated 组件在被keep-alive 激活后触发

6. 如果加入了keep-alive,第二次或第N次进入页面或组件执行哪些生命周期

1. activated 组件在被keep-alive 激活后触发

vue2[keep-alive]

1. 是什么

是vue自带的一个组件

功能： 用来缓存组件--提升性能

2. 使用场景

就是来缓存组件，提升项目的性能。

具体实现比如：首页进入到详情页，如果用户在首页每次点击都是相同的，那么详情页就没必要请求次了，直接缓存起来就可以了，当然如果点击的不是同一个，那么就直接请求。