前端小调整

frontend/src/App.vue

@@ -1,26 +1,19 @@
 <template>
   <img src="./assets/logo.png">
-  <div>
-    <p>
-      If Element Plus is successfully added to this project, you'll see an
-      <code v-text="'<el-button>'"></code>
-      below
-    </p>
-    <el-button type="primary">el-button</el-button>
-    <el-badge value="99" type="primary"></el-badge>
-  </div>
-  <HelloWorld msg="Welcome to Your Vue.js App" />
+  <nav>
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </nav>
+  <router-view/>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
 // import { ElConfigProvider } from 'element-plus'
 // import { zhCn } from 'element-plus/es/locale';
 
 export default {
   name: 'App',
   components: {
-    HelloWorld
     // ElConfigProvider,
   }
   // setup() {

frontend/src/views/HomeView.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <div>
+      <el-button type="primary">el-button</el-button>
+      <el-badge value="99" type="primary"></el-badge>
+    </div>
+    <HelloWorld msg="Welcome to Your Vue.js App" />
   </div>
 </template>