vue路由实现在页面顶部增加导航“奖学金评选资格功能”和“奖学金评选资格功能说明”。具体地，点击“奖学金评选资格功能”显示相应功能，点击“奖学金评选资格功能说明”跳转到规则说明文字界面。

要实现在页面顶部增加导航栏，需要使用Vue Router来进行路由管理。下面是实现该功能的步骤：

1. 在Vue项目中安装Vue Router，可以使用npm或yarn命令进行安装。安装命令如下：

npm install vue-router --save

或者

yarn add vue-router

2. 在项目的入口文件（一般是main.js）中引入Vue Router并使用：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/qualification',
      name: 'qualification',
      component: Qualification
    },
    {
      path: '/qualification-rules',
      name: 'qualification-rules',
      component: QualificationRules
    }
  ]
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

在上述代码中，我们首先引入Vue Router并使用，然后定义了三个路由，分别对应着首页、奖学金评选资格功能和奖学金评选资格功能说明。其中，path表示路由的路径，name表示路由的名称，component表示该路由所对应的组件。

3. 在App.vue组件中添加导航栏，代码如下：

<template>
  <div>
    <nav>
      <ul>
        <li>
          <router-link to="/">Home</router-link>
        </li>
        <li>
          <router-link to="/qualification">奖学金评选资格功能</router-link>
        </li>
        <li>
          <router-link to="/qualification-rules">奖学金评选资格功能说明</router-link>
        </li>
      </ul>
    </nav>
    <router-view></router-view>
  </div>
</template>

在上述代码中，我们使用了router-link组件来创建导航链接，to属性指定了该链接所对应的路由路径。

4. 在Qualification组件中添加“奖学金评选资格功能”内容，代码如下：

<template>
  <div>
    <h1>奖学金评选资格功能</h1>
    <p>这里是奖学金评选资格功能的内容</p>
  </div>
</template>

5. 在QualificationRules组件中添加“奖学金评选资格功能说明”内容，并使用router-link组件添加跳转链接，代码如下：

<template>
  <div>
    <h1>奖学金评选资格功能说明</h1>
    <p>这里是奖学金评选资格功能说明的内容</p>
    <router-link to="/qualification">返回奖学金评选资格功能</router-link>
  </div>
</template>

在上述代码中，我们使用了router-link组件来创建跳转链接，to属性指定了跳转到哪个路由路径。

这样就实现了在页面顶部增加导航栏，并能够通过导航链接实现“奖学金评选资格功能”和“奖学金评选资格功能说明”的显示和跳转。