Nuxt中keep-alive的使用

layouts/default.vue

<nuxt keep-alive :keep-alive-props="{include: includeArr }"/>
<script>
  export default {
    data() {
        return {
            includeArr: [
            'ServicerManageProjects',
            'DataReportData',
        ]
      }
    }
  }
</script>

include中放需要缓存页面的name，注意是组件的name，不是路由的name。所以在页面的export default中一定要写对应的name属性，如果没写的话就无法进行缓存了。