背景： 在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介绍
标签：watch,....,pinia,vue3,data,路由 From： https://www.cnblogs.com/HePandeFeng/p/18676595