vue2的watch监听

在Vue 2中，你可以使用`watch`选项来监听数据的变化。`watch`选项可以是一个对象，其中包含要监听的数据属性和相应的处理函数。

下面是一个示例：

// 在Vue组件中
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  watch: {
    message(newValue, oldValue) {
      // 当message发生变化时，将会调用这个处理函数
      console.log('message发生变化:', newValue, oldValue);
    }
  }
}

在上述示例中，我们在`watch`选项中定义了一个属性`message`，当`message`的值发生变化时，相应的处理函数将会被调用。这个处理函数接收两个参数：新值(`newValue`)和旧值(`oldValue`)。

你还可以通过使用字符串形式的处理函数来监听一个方法：

// 在Vue组件中
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  watch: {
    message: 'handleMessageChange'
  },
  methods: {
    handleMessageChange(newValue, oldValue) {
      console.log('message发生变化:', newValue, oldValue);
    }
  }
}

在这个例子中，我们将`message`属性的变化与`handleMessageChange`方法关联起来。当`message`发生变化时，`handleMessageChange`方法将被调用。

希望这个回答对你有所帮助！如果你有更多的问题，请随时提问。