最新公司要重构项目，准备开发课程表功能，用到vue3和fullcalendar，查询网上很多都是搭配的jquery,而且在开发过程中发现一些配置项，可能在其他项目中可以使用，自己用却很少有生效的。
网上的列子也不是很多，找来找去也就那么几种，参考性不是很大。
实现的方式也很简单，主要是对第一次接触这个插件的人来说可能有帮助。
需求
要求；通过后端接口方式，获取课程数据，然后根据状态判断展示不同的颜色形式用来区分，鼠标放在内容区域，弹出提示框，显示具体的一些数据。
技术
使用技术：vue3+vite+fullcalendar+tippy.js(提示框相当于 el-popover效果)
首先安装fullcalendar和tippy.js插件，可以参照网上（需要注意fullcalendar/vue3版本）并在当前文件中引入。
引用插件，定义配置项，
配置项配置，可按自己项目需求配置
鼠标进入时显示的内容，搭配tippy插件
调取接口，获取数据，图中的形参 info 就有全部的参数，用于传参。
就不展示我们的了，直接替换就可以使用。
基本到这里就结束了，可以直接照搬就能生效。
遗留问题
生成的时间是单独的，想要的效果是一个区间的时间，还没有找到对的配置项，知道的大佬可以留言，指教。
