From c23309ca81dbd7f978a166a16dee73f3ebed60a9 Mon Sep 17 00:00:00 2001
From: callmeyan <yaclty2@gmail.com>
Date: Mon, 5 Dec 2022 10:41:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin-fe/README.MD    | 7 +++++++
 admin-fe/src/App.vue  | 5 +----
 admin-fe/src/Home.vue | 2 +-
 admin-fe/src/User.vue | 2 +-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/admin-fe/README.MD b/admin-fe/README.MD
index 4023126..4b82973 100644
--- a/admin-fe/README.MD
+++ b/admin-fe/README.MD
@@ -157,4 +157,11 @@ const router = createRouter({
 // 3.使用路由
 const app = createApp();
 app.use(router); // 在应用使用router
+```
+显示路由及跳转
+```vue
+<template>
+    <router-view />
+    <router-link to="要跳转的路径"></router-link>
+</template>
 ```
\ No newline at end of file
diff --git a/admin-fe/src/App.vue b/admin-fe/src/App.vue
index 1a56f1c..71cd281 100644
--- a/admin-fe/src/App.vue
+++ b/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'">
-            <Home/>
-        </template>
-        <User v-if="currentPath == '/user'"/>
+        <router-view />
     </div>
 </template>
 
diff --git a/admin-fe/src/Home.vue b/admin-fe/src/Home.vue
index 07ab38a..32713f4 100644
--- a/admin-fe/src/Home.vue
+++ b/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>
diff --git a/admin-fe/src/User.vue b/admin-fe/src/User.vue
index bcda02f..82c3a1d 100644
--- a/admin-fe/src/User.vue
+++ b/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>