当我在 Vue-apollo 中使用本地状态时如何获取远程 GraphQL 数据

Posted 2023-03-10

【中文标题】当我在 Vue-apollo 中使用本地状态时如何获取远程 GraphQL 数据

【英文标题】：How to get remote GraphQL data when i use local state in Vue-apollo

【发布时间】：2020-03-06 05:19:53

【问题描述】：

我将 Vuex 与 vue-apollo 一起使用。

但现在我知道 vue-apollo 将数据存储在缓存中，然后我可以通过使用缓存来使用本地状态。

当我看到local state的官方文件时

我知道如何从本地状态获取和设置数据，但没有提及如何从远程服务器获取数据。

我从文档中看到了这段代码，他们只是写入缓存临时数据。

cache.writeData(
  data: 
    todoItems: [
      
        __typename: 'Item',
        id: 'dqdBHJGgjgjg',
        text: 'test',
        done: true,
      ,
    ],
  ,
);

所以，我想我可以使用 vue-apollo query 获取远程数据，如下所示。

apollo: 
  world: 
    query: gql`query 
      hello
    `,
    update: data => data.hello
  

在获得上述服务器数据后，我可以从本地状态查询/变异。

但这只是我的猜测，对吗？

【参考方案1】：

我从 github 找到了示例。我的猜测是对的。