vue如何实现导航高亮？

Question

如图所示，跳到一个组件时，对应的左侧导航会变成红色。
控制高亮的class如下：

.active{
    backgournd-color:yellow;
}

该怎么实现啊 完全没思路~~~

Answer 1

vue-router可以设置activeClass, linkActiveClass配置

Answer 2

获取导航的索引，存起来，根据索引判断是不是当前导航，是的话，加上你的class

Answer 3

vuex , 全局一个 currentNav

Answer 4

官方文档有，很简单，activeClass