路由重定向和路由高亮

1、路由重定向

const router = new VueRouter({
  routes: [
    // 路由重定向
    {
      path: "/",//重定向前的路径
      redirect: "/index",//重定向之后的路径
    },
    {
      path: "/index",
      component: index,
    },
  ]})

2、路由高亮

a.通过设置.router-link-active类实现

<style>
      /* 路由高亮 */
      .router-link-active {
        font-size: 30px;
        color: blueviolet;
      }
    </style>

b.自定义路由高亮: 配置 linkActiveClass项: ‘自定义的类名’

配置 linkActiveClass项: '自定义的类名'  linkActiveClass: "active",

<style>
  .active {
  font-size: 35px;
  color: aqua;
  font-weight: 600;
}
</style>