对keep-alive 的了解

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。它有两个

属性 : include( 包含的组件缓存 ) 与 exclude( 排除的组件不缓存，优先级大于 include) 。

<keep-alive include = 'include_components' exclude = 'exclude_components' >

<component>

<!-- 该组件是否缓存取决于 include 和 exclude 属性 -->

</component>

</keep-alive>

include - 字符串或正则表达式，只有名称匹配的组件会被缓存

exclude - 字符串或正则表达式，任何名称匹配的组件都不会被缓存

include 和 exclude 的属性允许组件有条件地缓存。二者都可以用 “ ， ” 分隔字符串、正则表达式、

数组。当