默认查询函数
如果你出于任何原因希望为整个应用共享同一个查询函数,仅通过查询键来标识它应拉取的内容,你可以向 TanStack Query 提供一个默认查询函数来实现这一点:
TypeScript
1// Define a default query function that will receive the query key2const defaultQueryFn = async ({ queryKey }) => {3 const { data } = await axios.get(4 `https://jsonplaceholder.typicode.com${queryKey[0]}`,5 )6 return data7}8 9// provide the default query function to your app with defaultOptions10const vueQueryPluginOptions: VueQueryPluginOptions = {11 queryClientConfig: {12 defaultOptions: { queries: { queryFn: defaultQueryFn } },13 },14}15app.use(VueQueryPlugin, vueQueryPluginOptions)16 17// All you have to do now is pass a key!18const { status, data, error, isFetching } = useQuery({19 queryKey: [`/posts/${postId}`],20})如果你需要覆盖默认的 queryFn,只需像平常一样提供你自己的查询函数即可。