info是一个对象
//第一种
watch: {
info(newValue,oldValue) {
console.log(newValue)
}
}
//第二种
watch: {
info: {
handler(newValue, oldValue) {
console.log(newValue)
},
deep: true
}
}
区别在于:第一个只有info被重新赋值才有效(v-model绑定info的属性值时监听器不会生效)
第二个当info对象的属性发生改变时就会生效
其他方法:
1.借助计算属性
computed: {
info() {
....
}
},
2.针对属性进行监听
'info.name'(newValue, oldValue) {
console.log(newValue)
}