vue监听对象属性值变化

在 Vue 中，你可以使用 watch 属性来监听对象属性值的变化。
假设你有一个对象 data，它有一个属性 name，你想要监听 name 的变化，可以在 Vue 组件中添加以下代码：
watch: {
'data.name': function(newValue, oldValue) {
console.log('name 的值从 ' + oldValue + ' 变为了 ' + newValue);
}
}
登录后复制
上面的代码中，watch 属性用来监听 data.name 属性的变化。当这个属性的值发生变化时，watch 中定义的回调函数会被调用，同时会传入新值和旧值作为参数。在回调函数中，你可以进行一些操作，比如打印日志。
还可以使用深度监听来监听对象内部属性的变化。比如你有一个对象 user，它有一个属性 info，你想要监听 info 内部的属性变化，可以在 Vue 组件中添加以下代码：
watch: {
'user.info': {
handler: function(newValue, oldValue) {
console.log('info 的值从 ' + oldValue + ' 变为了 ' + newValue);
},
deep: true
}
}
登录后复制
上面的代码中，deep 属性被设置为 true，表示深度监听。这样，当 user.info 内部的属性发生变化时，watch 中定义的回调函数也会被调用。