How to fetch data from server in vue js?

Question

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?

mariodev · Accepted Answer · 2017-09-03 15:03:20Z

1

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

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

answered Sep 3, 2017 at 15:03

mariodev

15.7k4 gold badges56 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

naveen Over a year ago

could you please share plunker

naveen Over a year ago

how I will do that ?

mariodev Over a year ago

No need for plunker.. Just please replace this.$http.get with Vue.http.get in your code. That's the only change you need to do.

naveen Over a year ago

I am able to fetch data .but how I will pass this data to component

mariodev Over a year ago

You need to return promise in vues action. Here's some more details on how to to just that: stackoverflow.com/questions/40165766/…

Collectives™ on Stack Overflow

How to fetch data from server in vue js?

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related