关于Vue中使用keep-alive的坑

1. 组件必须写name值，要不然不会生效，先限制属性字段里面要填写对应的name值

2. 黄色警告：<router-view> can no longer be used directly inside <transition> or <keep-alive>. Use slot props instead:

   • vue3中缓存组件中必须包裹的是一个组件

     原错误写法：

     <router-view />
           <keep-alive include="City">
     </keep-alive>
     

     修改为：

     <router-view v-slot="{ Component }">
           <keep-alive>
             <component :is="Component" />
           </keep-alive>
     </router-view>