vue3 keep-alive 设置无效的原因

1. 检查是否是一级路由，如果是多级路由需要解析成一级路由【一直被我忽略的重点】
2. <script setup> 模式下声明name：

   <script lang="ts">
     export default {
       name: 'Compare',
     };
   </script>

   vite项目里，直接在<script name="Compare">标签内声明name这种方式需要引入插件

3. 官方文档中显示KeepAlive | Vue.js

    但是如果文件名一样，会导致组件name一样，所以还是需要另外再声明

tips:

如何获取组件name：

  const componentName = getCurrentInstance()?.type.__name;