vue watch怎么写

在Vue中，你可以通过watch属性来监听数据的变化。watch属性是一个对象，对象的每个属性都是一个监听器，属性名是要监听的数据属性，属性值是一个函数，用来处理数据变化的回调函数。

下面是一个示例，展示了如何使用watch属性来监听data中的value属性的变化：

new Vue({
  data() {
    return {
      value: ''
    }
  },
  watch: {
    value(newValue, oldValue) {
      // 处理数据变化的回调函数
      console.log('value的值发生了变化：', newValue, oldValue);
    }
  }
});

在这个示例中，每当value属性发生变化时，回调函数就会被触发，并且会输出变化后的新值和变化前的旧值。

你也可以在watch属性中监听多个数据属性。例如，要同时监听value1和value2属性的变化，可以这样写：

new Vue({
  data() {
    return {
      value1: '',
      value2: ''
    }
  },
  watch: {
    value1(newValue, oldValue) {
      // 处理value1属性变化的回调函数
    },
    value2(newValue, oldValue) {
      // 处理value2属性变化的回调函数
    }
  }
});

除了监听数据的变化，watch属性还可以监听计算属性、对象属性等。请根据你的实际需求选择相应的监听方式