vue3的for循环ref

在Vue 3中，可以使用`ref`和`reactive`来创建响应式数据。要使用`ref`进行循环，你可以将数据包装在`ref`函数中，然后使用`.value`来访问其值。

下面是一个示例，演示如何使用`ref`进行循环：

import { ref } from 'vue';

const items = ref(['item 1', 'item 2', 'item 3']);

// 在模板中使用
<template>
  <ul>
    <li v-for="item in items" :key="item">{{ item }}</li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      items
    };
  }
};
</script>

在上面的示例中，我们通过`ref`创建了一个包含三个元素的数组，然后在模板中使用`v-for`指令进行循环渲染。

需要注意的是，在Vue 3中，使用`ref`进行循环时，不需要再使用`.value`来访问其值。Vue 3会自动解包`ref`引用的值。