小明：最近我们学校要上线一个走班排课系统，听说是用前端开发的？

小李：没错，这个系统主要用前端来实现界面交互和数据展示。比如用Vue.js来做单页应用，这样用户体验更好。

小明：那具体怎么实现课程安排呢？

小李：前端会和后端API对接，获取课程、教师、教室等数据。然后用组件化的方式构建排课界面，比如拖拽式排课。

小明：有没有具体的代码示例？

小李：当然有，下面是一个简单的Vue组件示例，用于展示课程列表：

<template>
  <div>
    <ul>
      <li v-for="course in courses" :key="course.id">{{ course.name }} - {{ course.teacher }}