From 623e07128821ce308ac839681883aec4e8996c90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Mon, 23 May 2022 18:07:34 +0800
Subject: [PATCH] add AppMain.vue

---
 src/layout/components/AppMain.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/layout/components/AppMain.vue

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..1350f1e
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,18 @@
+<template>
+  <el-main class="app-main">
+    <router-view v-slot="{ Component, route }" :key="route.path">
+      <transition appear name="fade-transform" mode="out-in">
+        <keep-alive :include="cachedViews">
+          <component :is="Component" :key="route.path" />
+        </keep-alive>
+      </transition>
+    </router-view>
+  </el-main>
+</template>
+<script setup>
+const route = useRoute()
+const store = useStore()
+const cachedViews = computed(() => {
+  return store.state.tagsView.cachedViews
+})
+</script>