background color about vue component

component/Headapes.vue → common/Header.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="headerapes">
-  <h4 style="color:orange;">header component</h4>
+  <h4 style="color:orange;">this is Header.vue component</h4>
 </div>
 </template>
 <script type="module">

index.html

@@ -10,6 +10,7 @@
     <!-- <h3>this is node -> Vue test</h3> -->
     <div id='app'  style='color:red; font-size:20px; font-weight:bold;'>app node start...</div>
     <template id="my-app">
+		<Header></Header>
 		<Headapes></Headapes>
 		<!-- <div v-html='info'></div> 
 		<Home @op="add">home vue</Home>

index.js

@@ -31,6 +31,7 @@ import Register from "./component/approve/Register.vue";
 import File from "./component/file/File.vue";
 // import Headapes from "./component/Headapes.vue";
 import Headapes from "./common/Headapes.vue";
+import Header from './common/Header.vue';
 import i18n from "./i18n.js";
 import { useI18n } from 'vue-i18n';
 
@@ -60,7 +61,8 @@ const app=createApp({
     Login,
     Register,
     File,
-    Headapes
+    Headapes,
+    Header
   },
   data(){
     return{