title: How to fetch data from server in vue js?
body: <p>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</p>
  
  <p><a href="https://plnkr.co/edit/EAaEekLtoiGPvxkmAtrt?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/EAaEekLtoiGPvxkmAtrt?p=preview</a></p>
  
  <pre><code>// 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: {},
  
  
  })
  </code></pre>
  
  <p>;
  any udpdate?</p>