vue 设置路由高亮显示的两种方法

第一种：修改样式表中的router-link-active

.router-link-active{
      background: skyblue;
      font-size: 40px;
      color: yellow;
    }

这个类从哪来的？看下面的代码。

<router-link to="/login">登录</router-link>
<router-link to="/register">注册</router-link>

这是两个路由的标签，相当与a标签的作用，但是他的好处就是避免使用"#/"这样的地址标识符，如果还不明白，再看下面的代码

<a href="#/login">登录</a>
<a href="#/register">注册</a>

说白了，就是逼格更高了一点。通过修改router-link-active样式可以简单的操作router-link标签的内容。

第二种：自定义，通过修改linkActiveClass属性

var routerObj = new VueRouter({
       //路由匹配规则
        routes:[
          {path:'/login',component:login},
          {path:'/register',component:register},
        ],
        linkActiveClass:'myactive'
      })

这里通过修改默认的类型，实现自定义。也就是，上代码

.myactive{
      background: skyblue;
      font-size: 40px;
      color: yellow;
    }

看出来没，就是第一种方式改了个类名，也就是说第一种是默认的，而我们可以通过修改他的默认属性达到同样的效果。
但是很蛋疼，不知道为什么我使用谷歌浏览器得不到效果，知道的小伙伴麻烦告诉我一下。