keep-alive
有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到 keep-alive 组件。
| 加载变化 | 触发生命周期 |
|---|---|
| 初次进入时： | onMounted> onActivated |
| 退出后触发 | deactivated |
| 再次进入： | onActivated |
事件挂载的方法等，只执行一次的放在 onMounted 中；组件每次进去执行的方法放在 onActivated 中
include/exclude
<keep-alive :include="" :exclude="" :max=""></keep-alive>include 和 exclude prop 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：
max
设置最大缓存数量
<keep-alive :max="10">
<component :is="view"></component>
</keep-alive>
