Vue实现导航栏效果（选中状态刷新不消失）

用vue写APP的时候，导航栏经常出现的一个bug就是 在点击的时候，选中状态会加上，但是一刷新“首页”部分就会被选中，但是组件的内容没有变化？（我靠。。什么鬼？！这是）查找了一些资料终于整出这东西了。
OK 上代码！

//底部导航

      

        

        
{{item.title}}
      
    

data(){
          return {
            isShow:"电影",
            newArr:[
              {title:"电影",ico:"fa fa-film",path:"/film"},
              {title:"影院",ico:"fa fa-picture-o",path:"/cinema"},
              {title:"我的",ico:"fa fa-user-o",path:"/mine"}
            ]
          }
        },

methods:{
          go(index){
            this.isShow = this.newArr[index].title;
            this.$router.push(this.newArr[index].path);
          },
        },

试过了用sessionStorage存储，vuex存储，结果都不可以
最后想到试试挂载到 路由
结果真的可以哇！！！！

mounted(){
          this.isShow = this.$route.name
        },
        //为什么要写个updated呢？如果不写的话，比如目前在film页，在地址栏输入"http://localhost:8080/#/cinema"时，ciname还是不能被选中！
updated(){
          this.isShow = this.$route.name
        },