Vue-apollo 从另一个组件重新获取查询

【问题标题】：Vue-apollo refetch query from another componentVue-apollo 从另一个组件重新获取查询
【发布时间】：2021-04-19 14:50:08
【问题描述】：

我想知道是否可以从一个组件重新获取查询，以便在另一个组件中更新它而不刷新组件本身。突变后，我看到阿波罗缓存已更新，但我没有看到我的其他组件中已经“活着”的数据。我的全球 apollo 获取策略是：

watchQuery: {
  fetchPolicy: 'cache-and-network'
}

【问题讨论】：

标签： vue.js vuejs2 graphql apollo vue-apollo

【解决方案1】：

我发现，我需要直接使用writeQuery 来update 我的缓存。因为refetchQuery 给了你一个新对象，但是如果你想让它变得活泼，你需要在你的 apollo 缓存中改变你现有的对象。一个代码示例是：

  .mutate({
    mutation: CREATE_USER,
    variables: { ...user },
    update(store, { data: { createUser } }) {
      const data = store.readQuery({ query: LIST_USERS })
      data.users.items.push(createUser)
      store.writeQuery({ query: LIST_USERS, data })
    }
  })

【讨论】：