vue2侦听器watch的用法

Vue2的侦听器watch用于监听一个数据的变化，并在数据变化时执行相应的处理函数。

在Vue2中，可以通过以下两种方式定义侦听器watch：

1. 简单案例（监听一个）：

watch: {
  something(newVal, oldVal) {
    console.log(`新值：${newVal}`);
    console.log(`旧值：${oldVal}`);
    console.log("hello world");
  }
}

在这个案例中，侦听器watch监听的是something这个属性，当something的值发生变化时，会触发handler处理函数，handler函数接收两个参数，分别是新值newVal和旧值oldVal。

2. 复杂单一案例（监听对象中的某一项）：

watch: {
  "obj.something": {
    handler(newVal, oldVal) {
      console.log(`新的值: ${newVal}`);
      console.log(`旧的值: ${oldVal}`);
      console.log("hello world");
    }
  }
}

在这个案例中，侦听器watch监听的是obj对象中的something属性，当something的值发生变化时，会触发handler处理函数。

以上是Vue2侦听器watch的用法。通过定义侦听器watch，我们可以实时监听数据的变化并执行相应的逻辑处理。