vue2的watch监听怎么写

在 Vue.js 2 中，你可以使用 `watch` 属性来监听数据的变化。下面是一个示例，展示了如何在 Vue 组件中使用 `watch`:

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

在上面的示例中，我们定义了一个 `message` 的数据属性，并在 `watch` 中创建了一个名为 `message` 的监听器。当 `message` 发生变化时，`watch` 中的回调函数会被触发。

你也可以监听多个属性的变化，只需在 `watch` 中添加相应的属性即可。例如：

watch: {
  message(newVal, oldVal) {
    console.log('message 发生变化:', newVal, oldVal);
  },
  newValue(newVal, oldVal) {
    console.log('newValue 发生变化:', newVal, oldVal);
  }
}

这样，当 `message` 或 `newValue` 属性发生变化时，相应的回调函数会被触发。

请注意，`watch` 只能监听到已经存在的属性的变化。如果你需要监听动态添加的属性，你可以使用 `$watch` 方法。更多关于 `watch` 的详细信息，请参考 Vue.js 的官方文档。