feat:vue-element-admin升级改造vue3

src/layout/components/AppMain.vue

@@ -1,20 +1,29 @@
 <template>
   <section class="app-main">
     <transition name="fade-transform" mode="out-in">
-      <router-view :key="key" />
+      <router-view :key="key"/>
     </transition>
   </section>
 </template>
 
-<script>
-export default {
-  name: 'AppMain',
-  computed: {
-    key() {
-      return this.$route.path
+<script lang="ts">
+
+import {useRoute} from "vue-router";
+import {defineComponent} from "vue";
+
+export default defineComponent({
+  setup() {
+    const route = useRoute()
+    const key = () => {
+      return route.path
+    }
+    return {
+      key
     }
   }
-}
+
+})
+
 </script>
 
 <style scoped>
@@ -25,7 +34,8 @@ export default {
   position: relative;
   overflow: hidden;
 }
-.fixed-header+.app-main {
+
+.fixed-header + .app-main {
   padding-top: 50px;
 }
 </style>