vue 监听的几种方法

简单类型的监听：数字、字符串、布尔.......

watch: {
    data(val, newval) {
        console.log(val)
        console.log(newval)
    }
}

复杂类型：数组、对象

watch: {
    docData: {
        handler(newVal) {
            this.change_number++
        },
        deep: true
    }
}

 

监听对象中的某个属性是否发生变化

 

watch:{
    'innerInfo.phone':{
        handler(val){
        }
    }
},

　　

当数据发生变化时，可以这样执行changeData()方法

 

watch: {
    data： 'changeData' // 值可以为methods的方法名
}，
methods: {
    changeData(curVal,oldVal){
   conosle.log(curVal,oldVal)
  }
}