vue 侦听器

Vue.js 中的侦听器（watcher）是一种用来监测数据变化并做出相应处理的机制。通过侦听器，我们可以监听一些指定的数据变化，并在数据发生变化时执行一些特定的操作。

在 Vue 组件中，我们可以使用 watch 选项来定义侦听器。例如：

watch: {
  // 监听 message 数据的变化
  message: function(newMessage, oldMessage) {
    // 在 message 变化时执行的操作
    console.log('message 发生变化：', newMessage, oldMessage);
  },
  // 监听 counter 数据的变化
  counter: function(newCounter, oldCounter) {
    // 在 counter 变化时执行的操作
    console.log('counter 发生变化：', newCounter, oldCounter);
  }
}

在上面的代码中，我们定义了两个侦听器，分别监听 message 和 counter 这两个数据的变化。当这两个数据发生变化时，侦听器中的函数会被触发执行相应的操作。

侦听器函数会接收两个参数：新的数据值和旧的数据值。通过这两个参数，我们可以在侦听器中进行一些比较或其他逻辑操作，以便根据数据的变化做出相应的响应。

需要注意的是，侦听器只能监听已经被 Vue 实例化的数据对象中的数据变化，而不能监听到其它的普通变量或常量的变化。如果需要监听其它变量的变化，可以使用计算属性或自定义的观察者模式