vue router 实现tab切换

实现的效果：path路径发生改变，tab切换的颜色也会到相对应的地方，并且进首页，默认推荐为选中状态。

首先需要给<router-link>中直接添加active-class属性，然后在样式中设置自定义类名activeee的样式。

<li><router-link to="/" active-class="activeee" exact>推荐</router-link></li>
<li><router-link to="/crazy" active-class="activeee">疯狂折扣</router-link></li>
<li><router-link to="/fast" active-class="activeee">好物秒杀</router-link></li>
<li><router-link to="/ole" active-class="activeee">大牌精选</router-link></li>
<li><router-link to="/woman" active-class="activeee">女装</router-link></li>

.activeee {
  color: #f10180 !important;
  font-weight: 700;
}

注意：需要给默认首页的router-link里边添加exact属性，不添加的话，切换之后，推荐的颜色不会消失