s

src/App.vue

@@ -3,15 +3,9 @@ import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
+  <div >
+    <router-view/>
   </div>
-  <HelloWorld msg="Vite + Vue" />
 </template>
 
 <style scoped>

src/views/home/index.vue

@@ -3,7 +3,17 @@
 </script>
 
 <template>
-
+<div>
+  <div>
+    头部
+  </div>
+  <div>
+    <router-view></router-view>
+  </div>
+  <div>
+    底部
+  </div>
+</div>
 </template>
 
 <style scoped>