vue实现页面缓存,一般是缓存了所有的页面,如果不想缓存某一个页面可以使用一些判断实现。
缓存技术是 vue include 存放一个数组,include是需要缓存的组件
```
<template>
<div>
<keep-alive :include="tagsList">
<router-view></router-view>
</keep-alive>
</div>
</template>
<script>
export default {
data() {
return {
tagsList: [],
noKeepAliveList:['/page1','/page2'], //无需缓存的页面
};
},
created() {
// 只有在标签页列表里的页面才使用keep-alive,即关闭标签之后就不保存到内存中了。
bus.$on('tags', msg => {
let arr = [];
for (let i = 0; i < msg.length; i++) {
if(msg[i].name){
let pathname = msg[i].path.split('?')
if(this.noKeepAliveList.indexOf(pathname[0])==-1){
arr.push(msg[i].name);
}
}
}
this.tagsList = arr;
});
}
};
</script>
```