把后端传来的列表用vue接受并且以课表的形式展示出来

好的，首先你需要在Vue组件中定义一个data属性来存储后端传来的列表，例如：

data() {
  return {
    courses: [] // 存储课程列表
  }
}

然后，在组件的`mounted`生命周期函数中，通过异步请求获取后端传来的列表数据，并将其存储到上述的`courses`属性中：

mounted() {
  axios.get('/api/courses').then(response => {
    this.courses = response.data
  })
}

接下来，你可以使用`v-for`指令来遍历`courses`数组，并将其渲染成课表的形式。这里我们可以使用一个表格来展示课程信息，代码如下：

<table>
  <thead>
    <tr>
      <th>时间</th>
      <th v-for="day in 7">{{ day }}</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="time in 12">
      <td>{{ time }}</td>
      <td v-for="day in 7">
        <div v-if="courses.find(course => course.day === day && course.time === time)">
          {{ courses.find(course => course.day === day && course.time === time).name }}
        </div>
      </td>
    </tr>
  </tbody>
</table>

在上述代码中，我们使用了`v-for`指令来遍历每个时间和每个星期，然后通过`courses.find()`方法来查找与当前时间和星期匹配的课程对象。如果找到了匹配的课程对象，则显示课程名称，否则不显示任何内容。

最后，你需要在Vue组件中引入axios库，以便可以发起异步请求。你可以在组件的`<script>`标签中添加如下代码：

import axios from 'axios'

以上就是将后端传来的列表用Vue接受并以课表形式展示的全部步骤。