vue3 script 中 遍历reactive数据

可以使用 v-for 指令来遍历 reactive 数据，例如：

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

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

export default {
  setup() {
    const reactiveData = reactive([
      { id: 1, name: 'Apple' },
      { id: 2, name: 'Banana' },
      { id: 3, name: 'Orange' },
    ]);

    return {
      reactiveData,
    };
  },
};
</script>

这样就可以将 reactive 数据中的每一个对象都渲染出来了。