vue3 watch在跳转路由前，先把newValue清掉

在 Vue 3 中，如果你想在路由跳转之前清除 `watch` 中监视的变量（newValue），你可以这样做：

首先，在你的 `watch` 定义里添加一个清理函数，这通常被称为 `deep` 选项，它会确保即使在深度嵌套的对象中，也能正确地触发回调：

export default {
  data() {
    return {
      // 你正在观察的值
      currentValue: null,
    };
  },
  watch: {
    currentValue(newVal, oldVal) {
      // 在路由切换之前，执行清空操作
      beforeRouteLeave(to, from, next) {
        this.currentValue = undefined; // 或者直接设置成 null，取决于你的需求
        next(); // 确保调用 next 函数以便进行路由跳转
      },
      deep: true,
    },
  },
};

这里，`beforeRouteLeave` 是一个全局守卫，会在离开当前路由之前调用。当路由跳转前，你会清除 `currentValue` 的值。记得将 `next` 作为参数传递给这个钩子，否则路由不会实际跳转。

**相关问题--:**
1. 为什么要在路由跳转前清空 `watch` 变量？
2. 如何在非全局守卫中实现类似的功能？
3. 是否可以只在特定的路由跳转时才执行这个清理操作？