完善路由

admin-fe/README.MD

@@ -158,3 +158,10 @@ const router = createRouter({
 const app = createApp();
 app.use(router); // 在应用使用router
 ```
+显示路由及跳转
+```vue
+<template>
+    <router-view />
+    <router-link to="要跳转的路径"></router-link>
+</template>
+```

admin-fe/src/App.vue

@@ -3,10 +3,7 @@
         <h1>vue3 + vite + {{ username }} {{ currentPath }}</h1>
         <input type="text" v-model="username">
 
-        <template v-if="currentPath == '/home'">
+        <router-view />
-            <Home/>
-        </template>
-        <User v-if="currentPath == '/user'"/>
     </div>
 </template>
 

admin-fe/src/Home.vue

@@ -1,6 +1,6 @@
 <template>
     <h1>Home</h1>
-    <a href="#/user">User</a>
+    <router-link to="/user">User</router-link>
 </template>
 
 <script>

admin-fe/src/User.vue

@@ -1,6 +1,6 @@
 <template>
     <h1>User</h1>
-    <a href="#/home">Home</a>
+    <router-link to="/home">Home</router-link>
 </template>
 
 <script>