Vue 路由监听书写方式和含义

Vue 监听路由的书写方式和它们的含义

方式一：

watch:{
  $route(to,from){
    console.log(to.path); // 输出的是route的对象
  }
},

方式二：

$route: {
 handler: function(val, oldVal){
    console.log(val);
 },
 deep: true  // 深度监听
}

方式三：

watch: {
  '$route':'getPath'
},
methods: {
  getPath(){
    console.log(this.$route.path);
  }
}

方式四：

watch: { // 只输出字符串
  '$route.path': function (newVal, oldVal) {}
}