vue 监听路由变化

方法一：通过 watch

// 监听,当路由发生变化的时候执行
watch:{
   $route(to,from){
     console.log(to.path);
   }
},

或

// 监听,当路由发生变化的时候执行
watch: {
   $route: {
     handler:  function (val, oldVal){
       console.log(val);
     },
     // 深度观察监听
     deep:  true
   }
},

或

// 监听,当路由发生变化的时候执行
watch: {
   '$route' : 'getPath'
},
methods: {
   getPath(){
     console.log( this .$route.path);
   }
}