上述代码中，我如果输入的值是41，那么在输入4的时候会触发一次函数，输入1的时候再触发一次，能不能在点击结束后再触发

如果你想在用户停止连续输入后才触发函数，而不是每次按键都立即触发，你可以利用`@keyup`或`@blur`事件，这两个事件分别代表用户松开键盘键和失去焦点。在这种情况下，我们可以将`handleChange`函数绑定到`@keyup.enter`或`@blur`上：

<input type="number" v-model="tes" @keyup.enter="handleChangeAfterStop" @blur="handleChangeAfterStop">

然后添加一个新的方法 `handleChangeAfterStop`:

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

// ...

function handleChangeAfterStop() {
  const newValue = tes.value;
  if (newValue !== '') { // 检查输入是否为空
    const newTotal = newValue * 10;
    tes.value = newValue; // 或者 tes.set(newValue);
    calculateTotal(newTotal);
  }
}
</script>

当用户在输入框内停止输入并按下回车键或者失去焦点时，`handleChangeAfterStop`才会执行。这样就可以确保输入结束后才计算总价。