vue3 watch 监听setup

基于提供的引用内容，Vue3中的watch函数用于监听数据的变化并执行相应的回调函数。在setup函数中使用watch函数时，可以传入要监听的数据源和回调函数，并可以设置一些选项来控制监听的行为。

具体地，watch函数的参数如下：
1. 数据源：可以是一个函数，返回要监听的数据；也可以是一个响应式对象或ref对象。
2. 回调函数：当数据变化时执行的回调函数，接收两个参数，当前值和之前的值。
3. 选项：可以设置一些选项，比如是否深度监听、是否立即执行回调等。

举个例子，当监听的数据源是route.query.tab，即路由的查询参数tab时：

watch(() => route?.query?.tab, (tab, prevTab) => {
  if (tab) {
    active.value = tab as Tlabel;
    previewActive.value = tab as Tlabel;
  }
}, { deep: true, immediate: true });

在这个例子中，通过深度监听(deep: true)和立即执行回调(immediate: true)，当路由的查询参数tab发生变化时，会立即执行回调函数，并更新active和previewActive的值。