vue.js - 如何从 Vue-Apollo Store 读取查询（）和 writeQuery（）？

Question

我想手动编辑缓存中的一些数据。

我怎样才能直接从 Vue 组件的方法中readQuery()和在 vue-apollo 中？writeQuery()我正在寻找类似的东西this.$apollo.readQuery(...)，但它不起作用。我从哪里获得store实例？

我的意思是来自update()eg 方法的 store 实例this.$apollo.mutate。

Answer 1

在组件内部，您可以从中获取方法this.$apollo.provider.defaultClient

  methods: {
    async doQuery (my_data) {
      const apolloClient = this.$apollo.provider.defaultClient
      apolloClient.writeQuery({
        query: QUERY,
        data: {
          data: my_data,
        },
      })
    },