Vue 구성 요소 이벤트에서 Apollo 쿼리를 트리거하는 방법은 무엇입니까?

Vue 구성 요소 이벤트에서 Apollo 쿼리를 트리거하는 방법은 무엇입니까?

Apollo GraphQL에서 를 mountedVue.js v v 。

코드는 다음과 같습니다.

<template>
</template>

<script>
import gql from 'graphql-tag';

const myQuery = gql`
  query someQuery {
    books{
      id
   }
}`

export default {
  data: () => ({
    books: []
  }),
  apollo: {
    books: {
      query: myQuery,
    },
  },
  mounted () {
  // run the appollo query here as well ?
  }
};
</script>

컴포넌트의 첫 번째 로드에서 쿼리는 정상적으로 실행되지만 다양한 이벤트로 쿼리를 실행하려면 어떻게 해야 합니까?

this.$apollo.queries.books.refetch();

변수가 있어 콜마다 갱신할 필요가 있는 경우 메서드리페치의 파라미터로 전달합니다.

this.$apollo.queries.books.refetch(variables);

언급URL : https://stackoverflow.com/questions/42853420/how-to-trigger-an-apollo-query-in-a-vue-component-event