深度监听

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,
}

  

 

posted @ 2019-03-27 14:02  大耳朵小虎  阅读(493)  评论(0编辑  收藏  举报