vue-router ---- 解决页面刷新和路由改变时导航条样式问题

问题:

  1.当我们在使用路由时，如果有导航条此时，我们在url地址栏目改变路由地址，此时路由内容更改但，导航条样式没有随着改动

  2.当页面刷新时，url导航地址栏的路由和当前页面显示的不一致

解决:

 1.通过watch监听路由地址的改变

 2.使用钩子函数，改变路由

  export default {name: 'App',data(){return {msg:'App.vue',currentRouter:'/'}},methods:{},watch:{'$route':function(to,from){this.currentRouter=to.path;}},beforeMount(){this.currentRouter=this.$route.path;}}

**: 上面的代码，要放在跟路由页面中