How to readQuery() and writeQuery() from Vue-Apollo Store?

Question

I want to edit some data in the cache manually.

How can I readQuery() and writeQuery() in vue-apollo directly from a method of a Vue component? Im looking for something like this.$apollo.readQuery(...), which does not work. Where do I get the store instance from?

I mean the store instance from update() method in e.g. this.$apollo.mutate.

score 8 · Accepted Answer · edited Oct 14 '19 at 19:55

8

Inside a component you can grab the methods from this.$apollo.provider.defaultClient

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

edited Oct 14 '19 at 19:55

Community

1
1

answered Nov 24 '18 at 20:16

calmar

1,930
1
14
15

If you want to use another client: `this.$apollo.provider.clients.yourClientName` – Zezi Reeds Nov 02 '19 at 15:18

How to readQuery() and writeQuery() from Vue-Apollo Store?

1 Answers1