vue3 watch调接口

在Vue 3中，watch函数的接口声明如下：

export declare interface WatchOptions<Immediate = boolean> extends WatchOptionsBase {
  immediate?: Immediate;
  deep?: boolean;
}

其中，`immediate`是一个布尔类型的参数，用于指定是否在watch创建时立即执行一次回调函数。如果设置为`true`，则会在watch创建时立即执行回调函数；如果设置为`false`或不提供该参数，则不会立即执行回调函数。

`deep`也是一个布尔类型的参数，用于指定是否深度监听对象的子属性。如果设置为`true`，则会监听对象的子属性的变化；如果设置为`false`或不提供该参数，则只会监听对象本身的变化。

下面是一个使用watch函数的示例：

// 监听demo对象的name属性
watch(() => demo.name, (newValue, oldValue) => {
  console.log('watch 已触发', newValue);
});

在上述示例中，watch函数监听了`demo`对象的`name`属性的变化，并在回调函数中打印出新值。