简单介绍一下watch:

在 Vue 中，"watch" 是一个用于观察数据变化并执行相应操作的选项。通过使用 "watch"，你可以在数据发生变化时执行自定义的逻辑，例如异步操作、数据处理、触发其他方法等。

"watch" 可以在 Vue 实例的选项中定义，也可以在组件内部定义。它接受一个对象，对象的属性是要观察的表达式，值可以是一个函数或者一个包含选项的对象。

当被观察的数据发生变化时，Vue 会自动调用相应的处理函数。处理函数接受两个参数：新值和旧值。你可以在处理函数中编写你想要执行的逻辑，例如发送网络请求、更新其他数据、触发方法等。

下面是一个简单的示例，展示了如何使用 "watch" 监听数据的变化：

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

在上面的示例中，我们在 Vue 实例的选项中定义了一个 "watch" 对象。该对象有一个属性 "message"，它是要观察的表达式，对应着 data 中的 "message"。当 "message" 发生变化时，Vue 会自动调用处理函数，并传递新值和旧值作为参数。

总结一下，"watch" 在 Vue 中起到了以下作用：
1. 观察数据的变化。
2. 执行自定义的逻辑，例如异步操作、数据处理、触发其他方法等。
3. 在处理函数中可以访问新值和旧值，以便进行相应的操作。