Quasar with vue resouce

simple-vue-resource.js

// main.js

import Vue from 'vue'
import VueResource from 'vue-resource'
import Quasar from 'quasar'
import router from './router'

Vue.use(Quasar) // Install Quasar Framework
Vue.use(VueResource)

Quasar.start(() => {
  /* eslint-disable no-new */
  new Vue({
    dataSharingHost: 'http://localhost:8080', // referenced via this.$root.$options.myHost
    el: '#q-app',
    router,
    render: h => h(require('./App'))
  })
})

for inside components :

 <button id="btn-get-random-word" v-on:click="getRandomWord">Get Random Word</button>
      <div id="my_view">
        <p>{{randomWord}}</p>
      </div>

export default {
  data () {
    return {
      randomWord: ''
    }
  },
  methods: {
getRandomWord: function () {
      this.randomWord = '...'
      this.$http.get(
        this.$root.$options.myHost + '/hello.json'
      ).then(function (response) {
        alert(response.data.constructor)
        this.randomWord = response.data
      }, function (error) {
        alert(error.data)
      })
    }    
  }
}