Vue Router 路由守卫关闭监听 - 避免重复创建

你可以在路由守卫中使用'beforeRouteLeave'钩子来关闭监听。在离开当前路由之前，你可以在这个钩子中执行关闭监听的操作。

例如，你可以在你的页面组件中添加'beforeRouteLeave'钩子：

beforeRouteLeave(to, from, next) {
  // 在离开当前路由之前关闭监听
  stopListening()
  next()
}

在上面的代码中，'stopListening()'是你关闭监听的函数。你可以根据实际情况进行修改。

同时，确保你在路由守卫中使用'next()'来继续导航，否则你可能会阻止路由的正常导航。

这样，当你关闭页面或离开当前路由时，监听将会被关闭，避免重复创建监听的问题。