如何在vue js中从服务器获取数据？

Question

我正在尝试使用Vue + Vuex + Vue资源从服务器获取数据。点击按钮我想点击Http请求并以列表格式显示。我试过这样。这是我的代码

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: {},


})

任何udpdate？

Answer 1

尝试使用Vue.http.get代替this.$http.get。

Vuex无法直接从实例访问$http。