Vue 3 和 Apollo Composable - 我们是否必须在 setup() 中调用 useMutation 和 useQuery

Question

我是 Vue 3 和 Apollo Composable 的新手。我首先创建了一个 Vuex 存储和一个模块服务来从 GraphQL 端点获取数据。此外，我注意到在实现过程中我无法在 setup() 之外调用 useMutation 和 useQuery。

我能否对此进行更多解释，以及是否还有其他方法可以在 setup() 之外使用 useQuery 和 useMutation ，您可以告诉我吗？

Answer 1

是的。您可以使用 provideApolloClient 在组件之外访问它。你可以这样做：

import { provideApolloClient } from '@vue/apollo-composable'
import { defaultClient } from '../../vue-apollo';
import { useQuery, useResult, useLazyQuery } from '@vue/apollo-composable'

provideApolloClient(defaultClient)

从 vue-apollo 文件导入 defaultClient 是我自己的文件，如果我定义了使用该 HttpLink 的 HttpLink 和 ApolloClient。如果您需要澄清，请随时联系我。