keep-alive
是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
- 它们有两个非常重要的属性:
- 1.
include
- 字符串或正则表达,只有匹配的组件会被缓存 - 2.
exclude
- 字符串或正则表达式,任何匹配的组件都不会被缓存
router-view
也是一个组件,如果直接被包在 keep-alive
里面,所有路径匹配到的视图组件都会被缓存,不会重复的创建和销毁:
<keep-alive exclude="Profile,User">
<router-view/>
</keep-alive>