Vue输出分数等级,60分以下为“不及格”;60-70分之间为“及格”;70-80之间为“中等”;80-90之间为“良好”;90-100之间为“优秀”。

在Vue中，你可以使用计算属性（computed property）或者方法（methods）来实现这个功能。以下是一个简单的实现例子：

<template>
  <div>
    <p>你的分数等级是：{{ grade }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      score: 75 // 假设分数是75
    };
  },
  computed: {
    grade() {
      if (this.score < 60) {
        return '不及格';
      } else if (this.score >= 60 && this.score < 70) {
        return '及格';
      } else if (this.score >= 70 && this.score < 80) {
        return '中等';
      } else if (this.score >= 80 && this.score < 90) {
        return '良好';
      } else if (this.score >= 90 && this.score <= 100) {
        return '优秀';
      }
    }
  }
};
</script>

在上面的代码中，我们定义了一个名为`score`的数据属性来存储分数。然后，我们使用了`computed`属性来创建一个名为`grade`的计算属性，它根据分数的值返回相应的等级字符串。当`score`的值发生变化时，`grade`会自动重新计算并更新显示的等级。