vue3中<script setup>中定义一个数组：const testList=ref([{no:"1",txt:"aa"},{no:"2",txt:"bb"},{no:"3",txt:"cc"}]); 然后，如何取出数组的前2组数据

在Vue3中，可以使用解构赋值的方式来取出数组的前两组数据。具体操作如下所示：

<template>
  <div>
    <div v-for="item in firstTwoItems" :key="item.no">
      {{ item.no }} - {{ item.txt }}
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";

const testList = ref([
  { no: "1", txt: "aa" },
  { no: "2", txt: "bb" },
  { no: "3", txt: "cc" }
]);

const firstTwoItems = testList.value.slice(0, 2);
</script>

在上述代码中，我们首先使用`ref`函数将数组`testList`转换为响应式对象。然后，通过`testList.value.slice(0, 2)`来获取数组的前两组数据，并将结果赋值给`firstTwoItems`变量。最后，在模板中使用`v-for`指令遍历`firstTwoItems`数组，并显示每组数据的编号和文本内容。