这就是Vue反应性的工作原理——当调用useFetch时,该值会及时冻结。
如果想让它保持可动,可以使用 useAsyncData 并提供一个自定义的 fetch。
例如:
const { data: inventories, refresh: refreshInventories } = await useAsyncData(
'inventories',
() =>
$fetch('/api/user/inventories', {
query: {
dropPreference: userPreferences.value.drop_preference
},
}),
{
watch: [userPreferences]
}
);