如何解决如何使用 Apollo-Module 在 NuxtJs 的 Vuex Store 中调用 graphql API?
我是 NuxtJs 的初学者,我使用了一些 VueJs。我正在尝试将我的 graphql API 调用从 Vue 组件移动到带有 NuxtJs 的项目的 Vuex Store。为了调用我的 API,我安装了 NuxtJs 的 Apollo-Module,其中我已经对我的数据进行了分页:
组件:
<script>
import gql from 'graphql-tag'
methods: {
apollo: {
productPaginated: {
query: gql`
query productPaginated($pageNum: Int!) {
productPaginated(page: $pageNum,limit: 10) {
currentPage
totalPages
totalItems
data {
uuid
name
imageUrl
group {
name
}
}
}
}`,variables () {
return {
pageNum: this.pageNum
}
}
}
}
}
</script>
现在我想将此呼叫转移到 Vuex Store,但我不知道该怎么做。我在网上寻找解决方案,但没有找到任何具体的内容。
Vuex 商店:
import Vuex from 'vuex';
import gql from 'graphql-tag'
const createStore = () => {
return new Vuex.Store({
state: {
},actions: {
},mutations: {
},getters: {
}
})
}
export default createStore;
我应该使用什么来在 NuxtJs 的 Vuex Store 中调用我的 graphql API?我可以使用 apollo-module 吗?
非常感谢您帮助我!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。