vue点击侧边栏，内容区域导航标题高亮显示

点击左侧导航栏，右侧内容区域的导航标题时而高亮显示时而不高亮显示，
应点击左侧导航栏，右侧内容区域的导航标题高亮显示
1、原因：
切换导航菜单里一级路由和子路由输出的路由path路径不一致导致

2、解决办法：
监听路由，让路径一致即可

watch: {
    
    
	//监视$route的变化
    $route: function(to, from) {
    
       
      //设置导航菜单高亮路径
      this.activePath = this.$route.path; 
    }
  },

参考：
vue 进入详情页之后，一级菜单不高亮