内置组件 keep-alive
有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到
<font style="color:rgb(77, 77, 77);">keep-alive</font>组件。
1.keep-alive 的生命周期
- 开启 keep-alive 生命周期的变化
- 初次进入时： onMounted> onActivated
- 退出后触发 deactivated
- 再次进入：
- 只会触发 onActivated
- 事件挂载的方法等，只执行一次的放在 onMounted 中；组件每次进去执行的方法放在 onActivated 中；
onActivated 生命周期，首次进入会触发，二次进入只会触发他，不再触发其他生命周期；
deactivated：退回后触发
2.keep-alive 的基本使用
//
//
3. <font style="color:rgb(77, 77, 77);">include</font> 和 <font style="color:rgb(77, 77, 77);">exclude</font>
include 和 exclude 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：
4.<font style="color:rgb(77, 77, 77);">max</font>
