关于vue3 路由离开前 更新pinia 导致页面watch被触发 解决方法

背景： 在vue中，使用watch监听pinia中的数据是否变化来调用api

watch(() => {
  return [
    pinia.data,
    ]
}, (newV, oldV) => {
   　axios.get('a.b', params).then((response) => {
   　　....
　　　　....
    });
}, {
  immediate: true
})

在监听pinia data的时候，如果在切换路由的时候更新了pinia 中的数据的时候会导致watch被调用，并重新调用接口，导致退出了当前页面但接口重新调用了一边，

解决方法是，如果已经开始了路由跳转，取消watch监听

const unwatch = watch(() => {
  return [
    pinia.data,
    ]
}, (newV, oldV) => {
   　axios.get('a.b', params).then((response) => {
   　　....
　　　　....
    });
}, {
  immediate: true
})

onBeforeRouteLeave(() => {

   unwatch ()

})

https://vuejs.org/guide/essentials/watchers.html vue3关于watch介绍