CODEWITHSUNDEEP
javascriptvue.jsvuejs2vue-componentvuex
naveen
naveen

Reputation: 937

How to fetch data from server in vue js?

I am trying to fetch data from the server using Vue + Vuex + Vue resource.On button click I want to hit Http request and show in list format .I tried like that.Here is my 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: {},


})

; any udpdate?

Upvotes: 1

Views: 5470

Answers (1)

mariodev
mariodev

Reputation: 15604

Try using Vue.http.get instead of this.$http.get.

Vuex doesn't have access to $http directly from instance.

Upvotes: 1

Related Questions