<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不再执行。