Apollo-Client and Quasar v1.1.7

  • Hi,
    I am trying to get Apollo-Client up en Running, but am having some difficulties with it.


    import { ApolloClient } from 'apollo-client'
    import { InMemoryCache } from 'apollo-cache-inmemory'
    import VueApollo from 'vue-apollo'
    import fetch from 'node-fetch'
    import { createHttpLink } from 'apollo-link-http'
    const httpLink = createHttpLink({ uri: 'http://localhost:4000/graphql', fetch: fetch })
    // Create the apollo client
    const apolloClient = new ApolloClient({
      link: httpLink,
      cache: new InMemoryCache(),
      connectToDevTools: true

    And then in MyLayout.vue

          <li v-for="item in author" :key="item.id">
    import { gql } from 'apollo-boost'
    const authorQuery = gql`
      query {
        getUsers{userName, email, id, author}
    export default {
      name: 'MyLayout',
      data () {
        return {
          leftDrawerOpen: false,
          author: []
      methods: {
      apollo: {
        // Simple query that will update the 'author' vue property
        author: authorQuery

    The result is that noting is happening.
    I tried with older examples that i found by googling which worked but only for quasar < 1.0.
    Can anyone provide some help?

    Kind regards

Log in to reply