vue3中，判断input框输入的值，在不在给定的数组scoreRanges内

在 Vue 3 中，你可以通过使用 computed 属性和 includes() 方法来判断输入框中的值是否在给定的数组 `scoreRanges` 中。下面是一个示例代码：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="checkValue" />
  </div>
</template>

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

export default {
  setup() {
    const inputValue = ref('');
    const scoreRanges = [10, 20, 30, 40, 50];

    const checkValue = () => {
      if (scoreRanges.includes(Number(inputValue.value))) {
        console.log('输入框的值在scoreRanges内');
      } else {
        console.log('输入框的值不在scoreRanges内');
      }
    };

    return {
      inputValue,
      checkValue
    };
  }
};
</script>

在上面的示例中，我们使用了 `v-model` 指令将输入框的值与 `inputValue` 变量进行双向绑定。然后，我们使用 `computed` 属性 `checkValue` 来监听输入框的变化，并在每次输入框的值发生变化时调用 `checkValue` 方法。该方法会判断输入框的值是否在数组 `scoreRanges` 中，并输出相应的结果。

请注意，我们在判断前将输入框的值转换为数字类型，以确保与数组中的元素类型一致。