title: Push to vuex store array not working in VueJS
body: <p>I'm using Vuex to show a list of users from 'store.js'. That js file has array like this.</p>
  
  <pre><code>var store = new Vuex.Store({
    state: {
      customers: [
        { id: '1', name: 'user 1',},
      ]
    }
  })
  </code></pre>
  
  <p>I want to insert a new set of values to the same array </p>
  
  <blockquote>
    <p>{ id: '1', name: 'user 1',}</p>
  </blockquote>
  
  <p>The above values are obtained from a URL (vue-resource). Below is the code to push the obtained data to the array. However, the data is not inserting</p>
  
  <pre><code>mounted: function() {
        this.$http.get('http://localhost/facebook-login/api/get_customers.php')
        .then(response =&gt; {
          return response.data;
        })
        .then(data =&gt; {
          store.state.customers.push(data) // not working!!
          console.log(data) // prints { id: '2', name: 'User 2',}
          store.state.customers.push({ id: '2', name: 'User 2',})
        });
      }
  </code></pre>