diff --git a/src/App.vue b/src/App.vue
index e233c0a91db0c1aa152f8faeb3514db1e1d67b1b..2bd0e982bf0d05b44bc713d22fe978d00d74057b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,23 +1,29 @@
 <template>
+  <!-- 应用程序容器 -->
   <div class="app-container">
-    <HeaderHeaderHeaderHeaderHeaderHeaderHeaderHeader></Header>
-    <h1>App 根组HeaderHeader
-
+    <!-- 页面头部 -->
+    <Header></Header>
+    <!-- 页面主体 -->
+    <h1>App 根组件</h1>
   </div>
 </template>
 
 <script>
-import Header from './components/Header/Header.vue'
+import Header from '@/components/Header/Header.vue'
+
 export default {
-  components:{
+  components: {
     Header,
   }
 }
 </script>
 
 <style lang="less" scoped>
+/* 应用程序容器样式 */
 .app-container {
   padding-top: 45px;
+  /* 顶部内边距 */
   padding-bottom: 50px;
+  /* 底部内边距 */
 }
 </style>