Vuejs2 BootstrapVue b列格式在子组件中不起作用

我正在为容器创建带有bg主日历的日历。对于每一行（每周），我使用一个b行，类为pb-2。然后，我有个人的b-col的天。星期天的b-col使用px-2，而其他日子使用pr-2和pl-0。这给了我想要的阴沟。如果我把代码放在我的主组件中，一切都会正常工作。但是，如果我将一个为期一周的数组传递给子组件，则不会显示檐槽

  *** CalendarGrid.vue <script> ***
  data() {
    return {
      days: [1, 2, 3, 4, 5, 6, 7],
    };
  },

  *** CalendarGrid.vue <template> ***
   <template>
    <b-row class="pb-2">
      <b-col class="px-2">
        <Day>{{ days[0] }}</Day>
      </b-col>
      <b-col
        v-for="(day, index) in days.slice(1)"
        :key="index"
        class="pr-2 pl-0"
      >
        <Day>{{ day }}</Day>
      </b-col>
    </b-row>
   </template>

***CalendarGrid.vue***
数据（）{
返回{
天数：[1,2,3,4,5,6,7]，
};
},
***CalendarGrid.vue***
{{天[0]}
{{day}

我想使用一个子组件来显示日历日，因为我每天都要添加额外的数据和格式。Day vue，此时仅显示发送给它的日期值

*** Day.vue ***
<template>
  <div class="days text-right">
    <slot></slot>
  </div>
</template>

***Day.vue***

我有一个名为Week.vue的子组件，我将其称为CalendarGrid.vue

<Week :days="days" />

Week.vue包含与上面完全相同的模板。唯一的区别是days是一个数组道具。

在此处输入code