用vue-router跳转功能在.js文件页面顶部增加导航“劳务费扣税”和“劳务费扣税说明”。具体地，点击“劳务费扣税”显示已有功能，点击“劳务费扣税说明”显示扣税规则说明文字

首先，在 Vue 项目中使用 vue-router 需要先安装和配置。安装可以使用 npm 或 yarn 安装，如下所示：

npm install vue-router --save

或

yarn add vue-router

然后在项目中创建一个 router 文件夹，用于存放路由相关的文件。在 router 文件夹中创建一个 index.js 文件，用于定义路由规则。

在 index.js 文件中，我们可以定义多个路由规则，每个路由规则包括 path 和 component 两个属性。path 表示访问该路由的 URL，component 表示该路由对应的页面组件。例如：

import Vue from 'vue'
import VueRouter from 'vue-router'
import LaborCosts from '@/pages/LaborCosts.vue'
import LaborCostsDescription from '@/pages/LaborCostsDescription.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/labor-costs',
    name: 'LaborCosts',
    component: LaborCosts
  },
  {
    path: '/labor-costs-description',
    name: 'LaborCostsDescription',
    component: LaborCostsDescription
  }
]

const router = new VueRouter({
  routes
})

export default router

在上面的代码中，我们定义了两个路由规则，一个是 /labor-costs，对应的组件是 LaborCosts，另一个是 /labor-costs-description，对应的组件是 LaborCostsDescription。

接下来，在页面顶部增加导航链接。我们可以在 App.vue 文件中增加一个导航栏组件，用于显示导航链接。例如：

<template>
  <div>
    <nav>
      <ul>
        <li><router-link to="/labor-costs">劳务费扣税</router-link></li>
        <li><router-link to="/labor-costs-description">劳务费扣税说明</router-link></li>
      </ul>
    </nav>
    <router-view></router-view>
  </div>
</template>

在上面的代码中，我们使用了 router-link 组件来创建导航链接。to 属性指定了路由的 URL，例如 /labor-costs 和 /labor-costs-description。当用户点击链接时，vue-router 会自动跳转到对应的页面组件。

最后，在 LaborCosts.vue 和 LaborCostsDescription.vue 组件中增加对应的内容即可。例如，在 LaborCosts.vue 组件中，我们可以显示已有的功能，如下所示：

<template>
  <div>
    <h1>劳务费扣税</h1>
    <p>已有功能</p>
    <!-- 具体内容 -->
  </div>
</template>

在 LaborCostsDescription.vue 组件中，我们可以显示扣税规则说明文字，如下所示：

<template>
  <div>
    <h1>劳务费扣税说明</h1>
    <p>扣税规则说明文字</p>
    <!-- 具体内容 -->
  </div>
</template>

这样，当用户点击导航栏中的链接时，就可以自动跳转到对应的页面，并显示对应的内容了。