优化代码

src/components/HelloWorld.vue → src/components/GanttView.vue

@@ -21,19 +21,7 @@
         />
 
     </template>
-   
-    <!-- <g-gantt-row
-      label="My row 1"
-      :bars="bars1"
-      highlight-on-hover
-    /> -->
   </g-gantt-chart>
-
-  <!-- 选择开始日期: <input type="text" v-model="dateValueStart"> 
-    选择结束日期: <input type="text" v-model="dateValueEnd"> -->
-
-  <!-- 分钟间隔： <input type="text" v-model="minuteValue" />
-  <button @click="confirm()">确定</button> -->
 </template>
 
 <script setup lang="ts">
@@ -137,5 +125,4 @@ const confirm = (type: number) => {
     minuteInterval.value = minuteValue.value;
   }
 };
-
 </script>

src/router/index.ts

 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import Gantt from '../views/Gantt.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
-    name: 'home',
-    component: HomeView
+    name: 'gantt',
+    component: Gantt
   },
   {
     path: '/about',

src/views/HomeView.vue → src/views/Gantt.vue

 <template>
   <div class="home">
      <h1>{{taskName}}</h1>
-    <HelloWorld @updateTaskName="updateTaskName"/>
+    <GanttView @updateTaskName="updateTaskName"/>
   </div>
 </template>
 
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src
+import GanttView from '@/components/GanttView.vue' // @ is an alias to /src
 
 @Options({
   components: {
-    HelloWorld
+    GanttView
   },
   data(){
     return {
@@ -24,5 +24,5 @@ import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src
     }
   }
 })
-export default class HomeView extends Vue {}
+export default class Gantt extends Vue {}
 </script>