vue3 v-for怎么循环数组

在Vue3中，使用v-for指令循环数组的方法与Vue2基本相同。你可以在模板中使用v-for指令将数据数组中的每个元素渲染为一个DOM元素。

下面是一个示例，展示了如何在Vue3中使用v-for指令循环数组：

<template>
  <div>
    <div v-for="(item, index) in listArray" :key="index">
      {{ item }}
    </div>
  </div>
</template>

<script>
import { reactive } from 'vue';

export default {
  data() {
    return {
      listArray: ['dell', 'lee', 'teacher']
    };
  }
};
</script>

在这个示例中，我们使用了Vue3中的`reactive`函数将数据对象变为响应式对象。然后，在模板中使用`v-for`指令循环遍历`listArray`数组，并通过`:key`指定每个元素的唯一标识。在循环的每一次迭代中，我们使用双括号插值语法（`{{ item }}`）将数组元素渲染为DOM元素。

请注意，为了遵循Vue3的规则，我们使用了单文件组件（SFC）的语法，将模板和脚本分离。如果你是在Vue CLI项目中使用Vue3，那么上述示例应该可以正常工作。

希望这个回答能帮到你！