vue 监听对象属性

在Vue中，你可以通过`watch`选项来监听对象属性的变化。例如，假设你有一个对象`person`，并且想要在`name`属性改变时执行一些操作，你可以这样写：

new Vue({
  data: {
    person: {
      name: 'John',
      age: 30
    }
  },
  watch: {
    'person.name': function(newVal, oldVal) {
      // 执行一些操作
    }
  }
})

在上面的代码中，我们使用了字符串形式的路径来监听`person`对象的`name`属性。当`name`属性发生变化时，`watch`中对应的函数会被调用，传入新值和旧值作为参数。

需要注意的是，如果你想要监听一个对象的所有属性，可以使用`deep`选项：

new Vue({
  data: {
    person: {
      name: 'John',
      age: 30
    }
  },
  watch: {
    person: {
      handler: function(newVal, oldVal) {
        // 执行一些操作
      },
      deep: true
    }
  }
})

这样，当`person`对象的任何属性发生变化时，`watch`中对应的函数都会被调用。