<template>
<div id="app">
<keep-alive :include="cachedViews">
<router-view :key="key"></router-view>>
</keep-alive>
</div>
</template>
<script>
export default {
name: 'App',
computed:{
cachedViews() {
return ['AutoApplyList']
},
key() {
return this.$route.fullPath;
}
}
};
</script>
其中return ['AutoApplyList']，为需要缓存在keep-alive中的vue文件的name
注意：使用keep-alive后，返回原来的页面时，如需更改数据，需要在activated钩子中操作，此时created和mounted不再执行。
