Wie man Daten vom Server in vue js holt?

Question

Ich versuche, Daten von dem Server mit Vue + Vuex + Vue resource.On zu holen klicken I wie that.Here Http Anfrage und zeigen im Listenformat .Ich versuchte schlagen will, ist mein Code

https://plnkr.co/edit/EAaEekLtoiGPvxkmAtrt?p=preview

// Code goes here 

var store = new Vuex.Store({ 
    state: { 
     Item: [] 
    }, 
    mutations: { 
     getItems: function (state) { 

     } 

    }, 
    actions: { 
     fetchData:function (context) { 
      this.$http.get('/data.json', function(v1users) 
       { 
        // this.$set('v1_user',v1users); 
      }); 
     } 
    } 
}) 

var httprequest = Vue.extend({ 
    "template": '#http_template', 
    data: function() { 
     return { 
      items: store.state.Item 
     } 
    }, 
    methods: { 
     fetchData: function() { 
      store.dispatch('fetchData') 
     }, 

    } 
}) 

Vue.component('httprequest', httprequest); 

var app = new Vue({ 
    el: '#App', 
    data: {}, 


}) 

; irgendein udpdate?

Answer 1

Verwenden Sie Vue.http.get anstelle von this.$http.get.

Vuex hat keinen Zugriff auf $http direkt von der Instanz.