vue实现奖学金评选资格判断：评奖学金对成绩有较高要求，请实现：学生输入姓名和各科成绩，点击按钮之后判断是否可以参评奖学金。假设课程数量为5门。奖学金评选条件为：成绩平均分90分以上；单科成绩不低于80分。 源码中的参数变量，以及方法名称，需要增加姓名首字母小写和下滑杠作为特殊标记，为：“hzd_” 1.在界面设置一个按钮，并使用事件监听的方式为该按钮编写响应事件，实现基础功能。（10分） 2.要求新增2个div，使用双向绑定数据的方式分别记录成功之后和不成功的关键信息

以下是使用Vue实现奖学金评选资格判断的代码：

HTML部分：

<div id="app">
  <input type="text" v-model="hzd_name" placeholder="请输入姓名">
  <div v-for="(score, index) in hzd_scores" :key="index">
    <input type="text" v-model="score" :placeholder="`科目${index+1}成绩`">
  </div>
  <button @click="checkQualification">判断是否可以参评奖学金</button>
  <div v-if="hzd_success">
    {{ hzd_name }}同学可以参评奖学金！
  </div>
  <div v-if="!hzd_success">
    {{ hzd_failure }}
  </div>
</div>

JavaScript部分：

new Vue({
  el: '#app',
  data: {
    hzd_name: '',
    hzd_scores: ['', '', '', '', ''],
    hzd_success: false,
    hzd_failure: ''
  },
  methods: {
    hzd_checkQualification: function() {
      // 计算平均分
      let averageScore = this.hzd_scores.reduce((total, score) => total + Number(score), 0) / this.hzd_scores.length;
      // 判断是否满足平均分大于等于90分的条件
      if (averageScore >= 90) {
        // 判断是否满足单科成绩不低于80分的条件
        for (let i = 0; i < this.hzd_scores.length; i++) {
          if (this.hzd_scores[i] < 80) {
            this.hzd_failure = `抱歉，${this.hzd_name}同学的科目${i+1}成绩不足80分，无法参评奖学金。`;
            this.hzd_success = false;
            return;
          }
        }
        this.hzd_success = true;
      } else {
        this.hzd_failure = `抱歉，${this.hzd_name}同学的平均分不足90分，无法参评奖学金。`;
        this.hzd_success = false;
      }
    }
  }
})

其中，通过使用`v-model`指令对输入框进行双向绑定，将输入的姓名和各科成绩保存在Vue实例的`hzd_name`和`hzd_scores`属性中。在点击按钮后，调用`checkQualification`方法进行奖学金资格判断。如果满足条件，将`hzd_success`属性设置为`true`，并在页面上显示成功信息；否则，将`hzd_success`属性设置为`false`，并在页面上显示失败信息。根据成功或失败的情况，分别显示不同的`div`。