vue路由导航栏怎么设置高亮效果

要设置 Vue 路由导航栏的高亮效果，可以使用 Vue Router 提供的 `router-link` 组件和 `router-link-active` 类。

首先，在 `router-link` 组件中添加 `exact-active-class` 属性和 `active-class` 属性，分别指定精确匹配时和模糊匹配时的高亮效果类名。例如：

<router-link to="/" exact-active-class="active" active-class="active">Home</router-link>
<router-link to="/about" exact-active-class="active" active-class="active">About</router-link>

然后，在样式表中定义 `active` 类的样式，例如：

.active {
  color: red;
  font-weight: bold;
}

这样，当路由切换到对应的页面时，`router-link` 组件就会自动添加 `active` 类，从而实现高亮效果。

注意：`router-link-active` 类是 Vue Router 2.x 版本中使用的类名，而在 3.x 版本中已经被废弃。