vue2watch监听

Vue.js 2 中的 `watch` 是用来监听 Vue 实例中的数据变化并执行相应的操作的一个选项。通常情况下，我们会在 `created` 或 `mounted` 生命周期钩子中定义 `watch`。

在 Vue 实例中使用 `watch` 的基本语法如下：

watch: {
  // 监听的数据属性
  dataProperty: function(newValue, oldValue) {
    // 在数据发生变化时执行的操作
    // newValue：新的值
    // oldValue：旧的值
    // 可以在这里执行一些逻辑或调用其他方法
  }
}

例如，假设我们有一个 Vue 实例，其中有一个名为 `message` 的数据属性，我们想要在 `message` 的值发生变化时打印出新值和旧值：

new Vue({
  data() {
    return {
      message: 'Hello Vue!'
    };
  },
  watch: {
    message(newValue, oldValue) {
      console.log('New message:', newValue);
      console.log('Old message:', oldValue);
    }
  }
});

当你修改 `message` 的值时，`watch` 就会被触发，并打印出新的和旧的值。

除了基本的写法，`watch` 还有其他高级用法，例如可以监听多个属性、深度监听对象、使用 `immediate` 选项来立即执行一次监听等。你可以在 Vue.js 的官方文档中查找更多关于 `watch` 的详细信息。