vue日历组件

日历组件在开发中经常被使用到，这次产品又对之前的日历做了需求升级，开发可真难，满足他的一切吧--------下面开始：
需求大概是这样子：

1. 自定义开始时间和结束时间
2. 自定义频次，即可控制星期几可选
3. 月份切换只能在设置的开始月份和结束月份之间
4. 可传入默认选择的日期，每个日期展示对应状态
5. 不在开始结束范围内、不在设置频次内的点击弹出相应信息
   ui是这样的：
   
   
   首先是画布局，跟前段时间一样的操作方式，页面布局就是这样：画出头部，主体这些
   
   以下是日历主体部分的代码

 <div class="dateContent-body-day" v-for="item in 42" :key="item">
          <div
            :data-dates="
              year +
                '/' +
                month +
                '/' +
                (item - beginDay < 10
                  ? '0' + (item - beginDay)
                  : item - beginDay)
            "
            :data-day="
              new Date(year + '/' + month + '/' + (item - beginDay)).getDay()
            "
            @click="dateHandler"
            v-if="item - beginDay > 0 && item - beginDay <= fulldays"
            :class="{
   
              'can-day':
                (ignoreArray.indexOf(
                  new Date(
                    year + '/'