fix:修复keep-alive失效问题，并添加keep-alive测试页面

src/layout/components/AppMain.vue

@@ -1,9 +1,19 @@
 <template>
-  <router-view>
-    <template #default="{ Component, route }">
-      <transition name="fade-slide" mode="out-in" appear>
-        <component :is="Component" :key="route.fullPath"></component>
-      </transition>
-    </template>
+  <router-view v-slot="{ Component, route }">
+    <transition name="fade-slide" mode="out-in" appear>
+      <keep-alive :include="keepAliveRouteNames">
+        <component :is="Component" :key="route.path" />
+      </keep-alive>
+    </transition>
   </router-view>
 </template>
+
+<script setup>
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+const allRoutes = router.getRoutes()
+const keepAliveRouteNames = computed(() => {
+  return allRoutes.filter((route) => route.meta?.keepAlive).map((route) => route.name)
+})
+</script>