头部tabs切换页面刷新样式路由保留

巧用vue自带router-link的方法，可以做到页面刷新样式保留，并且在当前页。

<ul>
    <li><router-link to="/">首页</router-link></li>
    <li>
        <router-link to="/goods">全部商品</router-link>
    </li>
    <li>
        <router-link to="/about">关于我们</router-link>
    </li>
</ul>

案例的banner导航部分样例，

使用router-link的css方法

&.router-link-exact-active {
   color: #409eff;
   border-bottom: 2px solid #409eff;
}

就可以解决。避免使用路由首位或其他麻烦方法。