title: GraphQL vue apollo query and mutation same view
body: <p>I'm just starting to use GraphQL with Apollo and Vue, so it might be a "stupid" question but I can't figure how to do.</p>
  
  <p>How can I do inside the same view, a query to fetch one object, and update it using a mutation</p>
  
  <p>Let's say I have a simple schema</p>
  
  <pre><code>type Product {
     id: ID!
     title: String!
     description: String
  }
  </code></pre>
  
  <p>And a vue component</p>
  
  <pre><code>&lt;script&gt;
  
    // GraphQL query
    const ProductQuery = gql `
      query($id: ID){
        Product(id: $id) 
        {
          id
          title
          description
        }
      }
    `;
  
    const UpdateProductQuery = gql `
      mutation updateProduct($id: ID!, $title: String!, $description: String) {
        updateProduct(
          id: $id,
          title: $title,
          description: $description,
        ) {
          id
        }
      }
    `;
  
  export default {
      data() {
        return {
          Product: {},
        };
      },
      apollo: {
          Product: {
              query: ProductQuery,
              variables() {
                    id: 1234,
             };
          },
      },
      methods: {
          updateProduct() {
  
            this.$apollo.mutate({
               mutation: UpdateProductQuery,
               variables: {
                  id: this.Product.id,
                  title: this.Product.title,
                  description: this.Product.description,
              },
            })
          }
     }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>Now how am I supposed to write the template part ? Can I link the Product object to a v-model inside an input ?</p>
  
  <pre><code>&lt;template&gt;
     &lt;section&gt;
         &lt;input v-model="product.title"&gt;&lt;/input&gt;
         &lt;input v-model="product.description"&gt;&lt;/input&gt;
        &lt;button @click="updateProduct"&gt;Update&lt;/button&gt;
     &lt;/section&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Thanks for your help.</p>