使用v-on指令实现键盘事件，使用上，下键（也可以换成其他的按键）可以达到成绩的递增，递减功能，到达100分则不能再增加，到达0分则不能再减少

好的，以下是一个示例代码，使用 v-on 指令实现键盘事件，使用上、下键可以达到成绩的递增、递减功能，到达 100 分则不能再增加，到达 0 分则不能再减少。

HTML 代码：

<div>
  <label>成绩：</label>
  <input type="text" v-model="score" v-on:keydown.up="incrementScore" v-on:keydown.down="decrementScore" />
</div>

Vue.js 代码：

<script>
export default {
  data() {
    return {
      score: 80,
    };
  },
  methods: {
    incrementScore() {
      if (this.score < 100) {
        this.score++;
      }
    },
    decrementScore() {
      if (this.score > 0) {
        this.score--;
      }
    },
  },
};
</script>

在这个示例中，我们使用 v-on 指令监听键盘事件，当用户按下上、下键时，调用 incrementScore 或 decrementScore 方法，实现成绩的递增、递减功能。在方法中，我们使用 if 判断当前成绩是否已达到上限或下限，如果是则不再递增或递减。在页面中，使用 v-model 指令实现双向数据绑定，将输入框中的值与组件的数据进行绑定。