vue实现奖学金评选资格判断：评奖学金对成绩有较高要求，请实现：学生输入姓名和各科成绩，点击按钮之后判断是否可以参评奖学金。假设课程数量为5门设置5个div。奖学金评选条件为：成绩平均分90分以上；单科成绩不低于80分。在页面顶部增加导航“奖学金评选资格功能”和“奖学金评选资格功能说明”。具体地，点击“奖学金评选资格功能”显示相应功能，点击“奖学金评选资格功能说明”显示功能规则说明文字。

好的，这是一个基于Vue的前端功能实现，需要先安装Vue。在HTML中添加如下代码：

<div id="app">
  <nav>
    <ul>
      <li @click="showCheck">奖学金评选资格功能</li>
      <li @click="showRule">奖学金评选资格功能说明</li>
    </ul>
  </nav>
  <div v-if="show">
    <h2>请输入学生信息：</h2>
    <div>
      <label>姓名:</label>
      <input v-model="name" type="text">
    </div>
    <div v-for="(score, index) in scores" :key="index">
      <label>科目{{index + 1}}:</label>
      <input v-model="score" type="number">
    </div>
    <button @click="checkQualification">判断是否有资格</button>
    <div v-if="showResult">
      <p v-if="averageScore >= 90 && minScore >= 80">{{name}}可以参评奖学金</p>
      <p v-else>{{name}}不符合参评条件</p>
    </div>
  </div>
  <div v-if="!show">
    <h2>奖学金评选资格功能说明</h2>
    <p>该功能用于判断学生是否有资格参加奖学金评选，评选条件为：</p>
    <ul>
      <li>成绩平均分90分以上</li>
      <li>单科成绩不低于80分</li>
    </ul>
  </div>
</div>

在JavaScript中，定义Vue实例和实现相关功能：

new Vue({
  el: "#app",
  data: {
    show: false,
    showResult: false,
    name: "",
    scores: [0, 0, 0, 0, 0],
    averageScore: 0,
    minScore: 0
  },
  methods: {
    showCheck() {
      this.show = true;
    },
    showRule() {
      this.show = false;
    },
    checkQualification() {
      this.averageScore = this.scores.reduce((sum, score) => sum + score, 0) / 5;
      this.minScore = Math.min(...this.scores);
      this.showResult = true;
    }
  }
});

这段代码实现了两个方法，一个用于点击“奖学金评选资格功能”时显示评选界面，另一个用于点击“奖学金评选资格功能说明”时显示功能说明。还有一个用于点击“判断是否有资格”按钮时判断学生是否有资格参评奖学金。

这里用了Vue的响应式数据来实现数据的绑定和变化，使用v-if和v-for等指令来实现动态渲染页面。当然，还需要添加一些CSS样式来美化界面。