gantt-schedule-timeline-calendar 前端vue2 如何正确使用，先简单来个示例

好的，这里是一个简单的示例，展示如何使用 gantt-schedule-timeline-calendar 前端组件库：

首先，你需要在项目中安装 gantt-schedule-timeline-calendar 组件库。可以使用 npm 或 yarn 进行安装：

npm install gantt-schedule-timeline-calendar --save

或

yarn add gantt-schedule-timeline-calendar

接下来，在你的 Vue 组件中引入要使用的组件：

<template>
  <div>
    <gantt-schedule-timeline-calendar />
  </div>
</template>

<script>
import GanttScheduleTimelineCalendar from 'gantt-schedule-timeline-calendar'

export default {
  components: {
    GanttScheduleTimelineCalendar
  }
}
</script>

这将在你的页面上展示一个基本的 Gantt 图。

你可以在组件的 props 中传递数据，以自定义图表的外观和行为。例如，你可以传递一个 tasks 属性，其中包含要在图表中显示的任务数据：

<template>
  <div>
    <gantt-schedule-timeline-calendar :tasks="tasks" />
  </div>
</template>

<script>
import GanttScheduleTimelineCalendar from 'gantt-schedule-timeline-calendar'

export default {
  components: {
    GanttScheduleTimelineCalendar
  },
  data() {
    return {
      tasks: [
        {
          id: 1,
          name: 'Task 1',
          start: new Date(2021, 10, 1),
          end: new Date(2021, 10, 5)
        },
        {
          id: 2,
          name: 'Task 2',
          start: new Date(2021, 10, 6),
          end: new Date(2021, 10, 10)
        }
      ]
    }
  }
}
</script>

这将在图表中显示两个任务，分别为“Task 1”和“Task 2”。

这只是一个简单的示例，你可以通过阅读官方文档和查看示例代码来深入了解如何使用 gantt-schedule-timeline-calendar 组件库。