vue2 通过watch监听不够对象字段值变化

在 Vue.js v2 中，`watch` 是一种响应式系统，用于监听数据的变化并执行特定操作。如果你想通过 `watch` 监听某个对象字段值的变化，你需要这样设置：

data() {
  return {
    obj: {
      field1: '初始值',
      field2: '初始值'
    }
  }
}

watch: {
  // 观察的是深层路径或对象的属性
  'obj.field1': function(newVal, oldVal) {
    console.log('field1 更新了，新值:', newVal);
  },
  'obj.field2': {
    handler: function(newVal, oldVal) {
      console.log('field2 更新了，新值:', newVal);
    },
    deep: true, // 如果字段是嵌套的对象，需要加上 deep: true
  }
}

在这个例子中，当你修改 `obj.field1` 或者 `obj.field2` 的值，对应的回调函数会被触发。