vue3 watch在跳转路由前，先把watch监听的值清除

在Vue3中，如果你想在页面跳转前清除`watch`监听的值，通常是在`beforeRouteLeave`钩子函数里操作。这个钩子会在离开当前组件之前触发，你可以在这里执行相关的清理工作。

例如，在你的组件中定义一个`beforeRouteLeave`方法：

export default {
  beforeRouteLeave(to, from, next) {
    // 清除watch实例
    this.$watchers.forEach(watcher => {
      watcher.teardown(); // 如果你的watch是手动创建并维护的实例，可以调用teardown方法
    });

    // 或者如果你的watch是通过setup函数返回的对象，可以这样做
    // 这里假设`useWatch`是一个自定义hook返回watch实例
    if (this.useWatch && this.useWatch().unwatch) {
      this.useWatch().unwatch();
    }

    // 确认清理完毕后，继续执行路由离开操作
    next();
  },
};

这里的关键是确保在离开组件前停止监听，防止资源泄露。记得替换上述代码中的`teardown()`、`unwatch()`以及自定义hook名称等部分，以适应你的实际代码结构。