vue-router keep-alive中的include和exclude

keep-alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
它们有两个非常重要的属性
在components有两个组件Profile和user
include使用方法:
1.include-字符串或正则表达式,只有匹配的组件会被缓存

<keep-alive include='Profile,user'>
    <router-view></router-view>
</keep-alive>

exclude使用方法:
2.exclude-字符串或正则表达式,任何匹配的组件都不会被缓存

<keep-alive exclude='Profile,user'>
    <router-view></router-view>
</keep-alive>

router-view也是一个组件,如果直接包含自keep-alive中,所有路径匹配到的视图组件都会被缓存

猜你喜欢

转载自blog.csdn.net/qq_42526440/article/details/114638779
今日推荐