vue2watch监听对象中的值

在 Vue.js 2.x 中，可以使用 `$watch` 或者 `watch` 来监听对象中的值。

例如，可以在 Vue 实例中使用 `$watch` 来监听对象 `data` 中的属性 `value`：

var vm = new Vue({
  data: {
    obj: {
      value: ''
    }
  },
  watch: {
    'obj.value': function(newValue, oldValue) {
      console.log('new value:', newValue);
      console.log('old value:', oldValue);
    }
  }
});

也可以使用 `watch`：

var vm = new Vue({
  data: {
    obj: {
      value: ''
    }
  },
  methods: {
    updateValue: function(newValue, oldValue) {
      console.log('new value:', newValue);
      console.log('old value:', oldValue);
    }
  },
  watch: {
    'obj.value': 'updateValue'
  }
});

注意，在监听对象中的值时，需要使用点号来指定对象中的属性名。

相关问题

vue2 watch监听对象值

在 Vue2 中，可以使用 watch 监听对象值的变化。具体实现方式如下：

watch: {
  obj: {
    handler: function (newVal, oldVal) {
      // do something
    },
    deep: true
  }
}

其中，`obj` 是要监听的对象，`handler` 是当 `obj` 发生变化时执行的函数，`deep` 表示是否深度监听。

vue的watch监听对象中的值

对于Vue中的watch监听对象中的值的方法有几种，包括直接监听和深度监听。直接监听可以通过在watch选项中直接定义属性来监听对象中的值。例如，可以使用以下方式监听对象中的某个属性值的变化：

watch: {
  '对象.属性'(newVal, oldVal) {
    console.log(newVal, oldVal);
  }
}

另一种方法是通过设置deep属性来进行深度监听。当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，此时可以使用deep属性对对象进行深度监听。例如：

watch: {
  对象: {
    handler(newVal) {
      console.log("新值为：" + newVal);
    },
    deep: true
  }
}

这样就能够监听对象中属性的变化了。