exclude-字符串或正则表达,任何匹配的组件都不会被缓存。
include-字符串或正则表达式,任何匹配的组件都不会被缓存。
1.使用此功能的前提是在页面加上name,keep-alive才可以指定缓存,如
About.vue页面
export default {
name:'About',
data(){
return{};
}
}
2.为了方便查看页面是否被重新创建与销毁,页面加入两个函数。
created() {
console.log('user created');
},
destroyed(){
console.log('user destroyed');
},
3.App.vue
//缓存排除Profile与、User页面
<keep-alive exclude="Profile,User">
<!-- <keep-alive include="Profile,User"> -->
<router-view></router-view>
</keep-alive>