vuejs切换导航条高亮路由高亮做法

我的GitHub前端经验总结，喜欢的话请点star✨✨Thanks.:https://github.com/liangfengbo/frontend-develop

vuejs导航条高亮我的做法：

• 用一个数组存导航条，用v-for循环它，这样可以减少代码，二可以使用它的下标来判断高亮，三还可以获取后端的导航信息来遍历
• 重点是在：routerLink(index, path)函数，传入当前点击的下标，自定义一个下标，判断是否相等就用三元符号判断多给一个高亮样式
• 如何解决刷新就不高亮或第一个高亮了，很简单，监听一下当前路由在判断就好了
• 具体代码都在下面了

效果图：

html代码

<div class="nav-box">

<!-- 导航列表 -->
<li class="nav-item"
    v-for="(item, index) in nav"
    @click="routerLink(index, item.path)"
    :key="index">
 <!-- 判断高亮表 -->
  <p