watch 使用

1、watch監聽屬性

data(){
    return {
        num:0   
    }
},
watch(){
   num(newValue,oldValue){
     console.log('newValue: '+newValue+' ,oldValue: '+oldValue);
   }
}

2、watch 監聽數組

data(){
   obj:{
     num:0,
     name:'liu'
  }
}
 watch:{
     obj:{
             handler(newValue,oldValue){
                   console.log('newValue '+newValue)
                   console.log(newValue)
                   console.log(oldValue)
                },
                deep:true
            }
       
},

3、watch監聽對象屬性

data(){
  obj:{
      num:0,
      name:'liu'
  }
}
computed:{
    name(){
       return this.obj.name;
     }
 },
watch:{
    name(newValue,oldValue){
            console.log('newValue: '+newValue)
     }
},
methods:{
     watchFn(){
         this.obj.name='zhang'
     }
}