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);
  }
}
以上是编程学习网小编为您介绍的“vue项目如何利用watch监听路由变化”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue项目如何利用watch监听路由变化

基础教程推荐