做一些清理

cli/hello-router/src/components/页面组件/Header.vue

@@ -0,0 +1,32 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-11-25 15:29:48
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-11-25 15:36:18
+ * @FilePath: \hello-router\src\components\页面组件\header.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+  <div class="container">
+    <h1>我来组成头部！</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: "header-part",
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100px;
+  border: 1px solid red;
+}
+</style>

cli/hello-router/src/components/页面组件/Main.vue

@@ -0,0 +1,34 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-11-25 15:29:55
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-11-25 15:37:49
+ * @FilePath: \hello-router\src\components\页面组件\main.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+  <div class="container">
+    <h1>{{ title }}</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: "main-part",
+  data() {
+    return {
+      title: "我来组成身体！",
+    };
+  },
+};
+</script>
+<style scoped>
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100px;
+  border: 1px solid red;
+}
+</style>