title: Fetch data using QueryParams on GraphQL in Apollo Vue
body: <p>I want to fetch data from <code>GraphQL</code>, I've tried with static params and it worked. But when I tried to use <code>QueryParams</code>, it returned error 404 on my network.</p>
  <p>I want my GraphQL query to become dynamic parameter.  Can anyone give me solution about use <code>QueryParams</code> on GraphQL in Apollo Vue?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  data(){
      return{
        idLabel:3
      }
    },
  
  //my file .gql
  query post($idLabel:Int!){
      post(id: $idLabel) {
          id
          title
          body
          comments(options:{paginate:{page:1 limit:10}}){
              data{
              id
              name
              email
              }
          }
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;ApolloQuery
       :query="require('./graphql/PostGraphqlzero.gql')"
       :variables="{ idLabel }"
    &gt;
      &lt;template v-slot="{ result: { loading, error, data } }"&gt;
        &lt;!-- Loading --&gt;
        &lt;div v-if="loading" class="loading apollo"&gt;Loading...&lt;/div&gt;
  
        &lt;!-- Error --&gt;
        &lt;div v-else-if="error" class="error apollo"&gt;An error occurred&lt;/div&gt;
  
        &lt;!-- Result --&gt;
        &lt;div v-else-if="data" class="result apollo"&gt;
          &lt;div v-for="(todo) in data" :key="todo.id"&gt;
            &lt;div  class="alert alert-primary" role="alert"&gt; {{todo.title}}&lt;/div&gt;
            &lt;div v-for="(todos) in todo.comments.data" :key="todos.id"&gt;
              {{todos.name}}
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;!-- No result --&gt;
        &lt;div v-else class="no-result apollo"&gt;No result :(&lt;/div&gt;
      &lt;/template&gt;
      &lt;!-- TODO --&gt;
    &lt;/ApolloQuery&gt;</code></pre>
  </div>
  </div>
  </p>