vue3 v-for遍历数组对象

在 Vue 3 中，可以使用 `v-for` 指令来进行数组对象的遍历。下面是一个示例：

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

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ]
    }
  }
}
</script>

在上面的示例中，我们使用 `v-for` 指令来遍历 `items` 数组，并将每个数组元素对应的 `name` 属性渲染到页面上。需要注意的是，每个遍历的元素都要通过 `:key` 绑定一个唯一的键值，以便 Vue 可以追踪和优化列表的更新过程。