From de5ab4fac4f90d087db99f4d2c4bf2e94eacca74 Mon Sep 17 00:00:00 2001
From: eson <474420502@qq.com>
Date: Fri, 26 Feb 2021 18:24:51 +0800
Subject: [PATCH] =?UTF-8?q?TODO:=20=E7=90=86=E8=A7=A3=E5=AE=8C=E6=95=B4?=
 =?UTF-8?q?=E7=9A=84vue=E5=BB=BA=E7=AB=99=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/{HelloWorld.vue => Main.vue} | 18 ++++++++++--------
 src/views/Home.vue                          | 11 +++++------
 2 files changed, 15 insertions(+), 14 deletions(-)
 rename src/components/{HelloWorld.vue => Main.vue} (61%)

diff --git a/src/components/HelloWorld.vue b/src/components/Main.vue
similarity index 61%
rename from src/components/HelloWorld.vue
rename to src/components/Main.vue
index f0dc018..8f00b13 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/Main.vue
@@ -2,12 +2,12 @@
   <!-- App.vue -->
 <v-app>
 
-  <v-app-bar app>
+  <v-app-bar app height="150px">
     <!-- -->
   </v-app-bar>
-  <v-navigation-drawer app>
+  <!-- <v-navigation-drawer app> -->
     <!-- -->
-  </v-navigation-drawer>
+  <!-- </v-navigation-drawer> -->
 
 
 
@@ -15,10 +15,12 @@
   <v-main>
     <!-- Provides the application the proper gutter -->
     <v-container fluid>
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
+
+    <!-- <div id="nav"> -->
+      <!-- <router-link to="/">Home</router-link> | -->
+      <!-- <router-link to="/about">About</router-link> -->
+    <!-- </div> -->
+
       <!-- If using vue-router -->
       <!-- <router-view></router-view> -->
     </v-container>
@@ -33,6 +35,6 @@
 
 <script>
   export default {
-    name: 'HelloWorld',
+    name: 'Main',
   }
 </script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 943f3be..35d7802 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,19 +1,18 @@
 <template>
-  <!-- <div class="home"> -->
-    <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  <!-- </div> -->
+ <!-- App.vue -->
+ <Main></Main>
 </template>
 
 <script>
 
 // @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
+// import Main from '@/components/HelloWorld.vue'
+import Main from '../components/Main.vue'
 
 export default {
   name: 'Home',
   components: {
-    HelloWorld
+    Main,
   }
 }
 </script>