vue 中的 keep-alive

一、什么是 Keep-alive

keep-alive 是 vue 中的内置组件，能够在组件切换过程中将状态保留在内存中，防止重复的渲染 DOM；
keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们；
keep-alive 可以设置一下 props 属性：

• include - 字符串或者是正则表达式。只有名称匹配的组件才能被缓存
• exclude - 字符串或者是正则表达式。
• max - 数字。最多可以缓存多少组件实例。

关于 keep-alive 的基本用法

<keep-alive>
  <component :is="view"></component>
</keep-alive>

使用includes和exclude：

<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>

<!-- 正则表达式