v-for的基础使用

• 通常使用 v-for="单数 in 复数"的写法。
• key不是必须的，但为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，推荐始终为每项提供一个唯一 key。

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

<script>
export default {
  data() {
    return {
      courses: [
        { id: 1, name: "HTML课程" },
        { id: 2, name: "CSS课程" },
        { id: 3, name: "Vue课程" },
        { id: 4, name: ...