Default Query Function
// 定义一个默认的查询函数,该函数将接收查询键
const defaultQueryFn = async ({ queryKey }) => {
const { data } = await axios.get(
`https://jsonplaceholder.typicode.com${queryKey[0]}`,
)
return data
}
// 使用 defaultOptions 将默认的查询函数提供给您的应用
const vueQueryPluginOptions: VueQueryPluginOptions = {
queryClientConfig: {
defaultOptions: { queries: { queryFn: defaultQueryFn } },
},
}
app.use(VueQueryPlugin, vueQueryPluginOptions)
// 现在,您只需传递一个键即可!
const { status, data, error, isFetching } = useQuery({
queryKey: [`/posts/${postId}`],
})