vue watch监听

代码块

	<a-input v-model="obj.val"></a-input>

	data(){
		return:{
			obj:{
				val:1
			}
		}
	}
    watch:{
      'obj.val'(newVal, oldVal){
        console.log("新：" + newVal)
        console.log("旧：" + oldVal)
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14

效果图

watch第一次绑定值的时候不会执行监听，如果需要第一次就执行监听 则需要设置：immediate: true

      'obj.val': {
		handler (newVal,oldVal) {
			console.log("新：" + newVal)
      			console.log("旧：" + oldVal)
		},
		immediate: true
	  }
1
2
3
4
5
6
7

监听对象需要用到深度监听 设置deep:true