vue项目如何利用watch监听路由变化

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);
  }
}