深度监听

1.）监听变量普通

data(){
     return {
           input:'',        
      }  
},
watch:{
     input(val,oldVal){
    }
}

2.）深度监听

watch:{
     'input':{
           handler: function(val, oldVal){
    
           }
     },
     deep: true,
     immediate: true,
}        

3.) 深度监听vux

watch: {
     '$store.getters.user':{
          handler: function(val, oldVal){
           } 
     },
      deep: true,
      immediate: true,
}

4.) 深度监听vux方法二

computed:{
     listenUser(){
          return this.$store.getters.user;
     }
},
watch: {
      listenUser:{
           handler: function(val, oldVal){
           }
      }
}

5.) 深度监听路由

watch: {
     '$route.path':{
          handler: function(val, oldVal){
           } 
     },
      deep: true,
      immediate: true,
}

　　

 

转载于:https://www.cnblogs.com/wangrui38/p/10607113.html