vue2 引入 vis-timeline

要在 Vue2 中引入 vis-timeline，需要先安装 vis-timeline 包。可以使用以下命令：

npm install vis-timeline

安装完成后，在 Vue 组件中引入 vis-timeline：

<template>
  <div>
    <div ref="timeline"></div>
  </div>
</template>

<script>
import vis from 'vis-timeline'

export default {
  mounted() {
    const container = this.$refs.timeline
    const items = new vis.DataSet([
      {id: 1, content: 'item 1', start: '2022-01-01'},
      {id: 2, content: 'item 2', start: '2022-01-14'},
      {id: 3, content: 'item 3', start: '2022-01-18'},
      {id: 4, content: 'item 4', start: '2022-01-21', end: '2022-01-24'},
      {id: 5, content: 'item 5', start: '2022-01-27'}
    ])
    const options = {}
    const timeline = new vis.Timeline(container, items, options)
  }
}
</script>

在这个例子中，我们在组件的 `mounted` 钩子中创建了一个 vis-timeline 实例，并将其渲染到 `timeline` DOM 元素中。我们还定义了一些 `items` 和 `options` 来配置时间轴的内容和样式。你可以根据自己的需求来配置它们。