Fetch data with query

Users.vue

<script>
export default {
  data () {
    return {
      userList: [],
      isLoading: false
    }
  },
  created () {
    const vm = this
    vm.getUserList({ character: '@' })
  },
  methods: {
    /**
     * fetch users records using apollo client
     */
    getUserList (variables = {}) {
      const vm = this
      vm.isLoading = true
      vm.$apolloProvider.defaultClient
        // it will fire queries here
        .query({
          query: GET_USER_DETAILS,
          variables: {
            ...variables
          }
          // fetchPolicy: 'cache-and-network'
        })
        .then(result => {
          vm.userList = result.data.allUsers
          vm.isLoading = result.data.loading
        })
        .catch(error => {
          // write your error message here
          console.log(error)
        })
    }
  }
}
</script>