scoreRanges.forEach（item =>{}）把所有的item重新组成一个新的数组arr

在 Vue 3 中，你可以使用 `forEach` 方法将 `scoreRanges` 数组中的每个元素重新组成一个新的数组 `arr`。以下是一个示例代码：

<template>
  <div>
    <!-- 界面内容 -->
  </div>
</template>

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

export default {
  setup() {
    const scoreRanges = [1, 2, 3, 4, 5];
    const arr = ref([]);

    scoreRanges.forEach(item => {
      arr.value.push(item);
    });

    console.log(arr.value);

    return {
      arr
    };
  }
};
</script>

在上述示例中，我们使用 `forEach` 方法遍历 `scoreRanges` 数组中的每个元素，并将每个元素添加到新的数组 `arr` 中。

请注意，我们通过 `ref()` 创建了 `arr` 变量，以确保在其发生变化时能够触发响应式更新。最后，我们在控制台中输出 `arr.value` 来验证重新组成的数组结果。

运行上述代码后，你会在控制台中看到重新组成的数组 `arr` 的值与原始数组 `scoreRanges` 相同：`[1, 2, 3, 4, 5]`。