Vue 3和Apollo Composable -我们必须在setup()中调用useMutation和useQuery吗？
在Vue 3中使用Apollo Composable时，我们不一定必须在setup()函数中调用useMutation和useQuery。根据具体的需求和使用场景，我们可以在组件的任何地方调用这些函数。
setup()函数是Vue 3中的一个新特性，它用于替代以前的created()和beforeCreate()等生命周期钩子函数。在setup()函数中，我们可以访问到组件的props、data、methods等属性和方法，并且可以使用Vue Composition API提供的各种函数。
在使用Apollo Composable时，我们可以选择在setup()函数中调用useMutation和useQuery，这样可以将Apollo的mutation和query与组件的其他逻辑进行关联。例如，我们可以在组件初始化时调用useQuery来获取数据，并在数据更新后重新渲染组件。
然而，如果我们希望在组件的某个特定事件或条件下执行mutation或query，我们也可以在其他地方调用这些函数。例如，在按钮点击事件中调用useMutation来执行一个mutation操作，或者在某个条件满足时调用useQuery来获取数据。
总之，使用Apollo Composable时，我们可以根据具体需求选择在setup()函数中或其他地方调用useMutation和useQuery。这样可以灵活地控制数据的获取和更新，并与组件的其他逻辑进行交互。
关于Vue 3和Apollo Composable的更多信息，您可以参考以下链接：
- Vue 3官方文档：https://v3.vuejs.org/
- Apollo Composable官方文档：https://v4.apollo.vuejs.org/guide-composable/
- 腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase）：https://cloud.tencent.com/product/tcb
相关·内容
我是Vue 3和Apollo Composable的新手。我首先创建了一个Vuex存储和一个模块服务来从GraphQL端点获取数据。此外，在实现过程中，我注意到不能在setup()之外调用useMutation和useQuery。
我能得到更多关于这方面的解释吗?如果在setup()之外还有其他使用useQuery和</
浏览 41提问于2021-06-09得票数 3
对于我的Vue apollo客户端，我使用vue composable和@vue/apollo-composable以及版本V4。以及后端的nodejs服务器和apollo服务器。现在我在useQuery的登录页面上遇到了一个问题，如果我调用查询的结果，他们将显示错误"TS2349:此表达式不可调用。, useMutation
浏览 4提问于2021-01-23得票数 0
我正在使用Vue3与组合API和阿波罗客户端。我使用一个useQuery()函数来查询一些数据。这是我得到的错误消息：at resolveClient (useApolloClient.ts:68:13)
at mut
浏览 21提问于2022-11-21得票数 0
回答已采纳
嗨，对下面的代码有什么想法吗？谢谢，{{blog.title}}import { useQuery, useResult } from '@vue/apollo-composable{
blog(id
浏览 4提问于2022-04-10得票数 0
回答已采纳
我想用Jest和内部组件测试我的组件，我导入了@vue/apollo-composable库，当我运行测试时我得到了错误： > 4 | import { useLazyQuery, useResult } from '@vue/apollo-composable' 5 |@vue</
浏览 12提问于2021-04-23得票数 4
回答已采纳
1回答
我正在从事vue-阿波罗，能够使用突变和查询，但面临的问题，使用订阅。带有订阅的阿波罗快车服务器运行良好。当在后端创建一个新事件时，我希望前端也能更新，但我编写的当前代码似乎没有发生这种情况。"@apollo/client/core";import App from, useResult } f
浏览 8提问于2022-04-18得票数 0
我对vue很陌生，并试图将我的ts/scss从主vue文件中分离出来。/app.scss" lang="scss"></style>import { defineComponent, ref } from "@vue/composition-api";
import { useQuery<
浏览 2提问于2021-06-21得票数 0
回答已采纳
我将Vue3与复合API和vue-apollo结合使用。现在，我想向带有useMutation()的graphql点发送一个突变，如下所示。问题是，useQuery工作得很好。try {imp
浏览 18提问于2022-11-19得票数 0
我有Vue3与阿波罗可合成的设置。v-for="c in result.clients" :key="c.id"> </p>
</template>[Vue warn]: Unhandled error during execut
浏览 1提问于2022-06-22得票数 0
回答已采纳
1回答
(useSetPreferenceDefaultMutation)
查询和变异在graphql游乐场和Vue应用程序中都能正常工作。它们是用生成的，后者在后台使用和。
我们面临的问题是我们不能定义正确的顺序。有时，useSetPreferenceDefaultMutation在useViewerQuery之前执行。此外，在页面刷新中，所有操作都是正确的。但是，当关闭重新打开页面时，它总是调用useSetPreferenceDefaultM
浏览 2提问于2020-10-02得票数 0
回答已采纳
这是一个Vue 3项目，与皮尼亚和阿波罗。/apollo-composable'import { OptionsParameter} from '@vue/apollo-composable/dist/useQuer
浏览 2提问于2022-06-25得票数 0
我有一个Vue 3应用程序和一个Apollo & Express服务器。365c:139step @ useMutation.js?89f9:43Vue 3应用程序main.ts代码为：
import { createApp, h, provide } from "vue&
浏览 174提问于2021-06-04得票数 0
我已经从类星体v1迁移到类星体v2，并迁移到Vue 3。下面有在类星体v1 (Vue v2)中工作的代码，但是现在在类星体v1 (Vue v3)中运行时，当选择筛选器时，我在控制台中得到以下错误消息：应该进行的是对函数的调用，以便筛选GraphQL查询的结果。{ useQuery } from '@vue/apoll
浏览 1提问于2021-05-24得票数 0
回答已采纳
2回答
在该组件中获取数据的最佳实践是什么？
我试图利用Next.js提供的静态生成，但是来自Next.js团队的所有指导都与页面有关。getStaticProps和getStaticPaths似乎属于页面生成，而不是组件的数据。他们的SWR包是正确的答案，还是阿波罗客户？通常，在基于钩子的反应中，我只需将数据调用放到useEffect中即可。我不知道如何解释这一点，因为所有内容都是在构建时使用Next呈现的。
浏览 0提问于2020-08-19得票数 15
回答已采纳
2回答
ChildComponent, children: [{ }] }]但是，似乎实际上只被调用一次(在计算/:id时)，而不是在计算/:id/details时调用。vue-路由器中的相关代码似乎证实了这一点。
浏览 0提问于2021-10-07得票数 1
回答已采纳
1回答
我在尝试什么：vue add apolloexport const defaultOptions = {
// ...all the default settings，，我们必须返回带有突变的readQuery吗？或者从本质上说，我可以只拥有addHomePageMuta
浏览 1提问于2020-07-27得票数 1
回答已采纳
我不能使用beforeRouteEnter，因为我无法访问这个，而且使用beforeRouteLeave根本不更新组件，即使在我的日志中，我可以看到请求正在发生变化。有人知道我怎么解决这个问题吗？
import { ref } from "vue-demi";
import { useQuery, useResult} from "@vue</
浏览 0提问于2021-09-26得票数 0
我有机会避免内容的消失吗？在我的Nuxt 3/ Vue 3 SSR项目中，我有一个server/api/prismic.js文件，它从Prismic (无头CMS)获取我们的应用程序内容。然后，在我们的pages/[...uid].vue文件中，获取数据并呈现切片。这神奇地起作用，就像在网站上快速加载一样。
但是..。问题是，在我们的动态页面完成加载之前，我就得到了一个小故障。这是Nux
浏览 6提问于2022-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
