Как обновить данные на странице ajax + vue + vuex?

export default { 
  data() { 
    return { 
      review: { 
        userName: '', 
        reviewText: '' 
      } 
    }, 
    methods: { 
        sendReview() { 
          this.$store.dispatch('postReview', this.review) 
        } 
      }, 
      computed: { 
        reviews() { 
          return this.$store.getters.getReviews 
        } 
      }, 
      beforeCreate() { 
        this.$store.dispatch('loadReviews') 
      } 
  } 
  // vuex store 
  import Vue from 'vue'; 
 
  export default { 
    state: { 
      reviews: [] 
    }, 
    getters: { 
      getReviews(state) { 
        return state.reviews 
      } 
    }, 
    mutations: { 
      updateReviews(state, data) { 
        state.reviews = data; 
      }, 
      addNewReview(state, data) { 
        state.reviews.push(data); 
      }, 
    }, 
    actions: { 
      loadReviews({ 
        commit 
      }) { 
        Vue.http.get('url.json') 
          .then(res => { 
            return res.json() 
          }) 
          .then(data => { 
            commit('updateReviews', data) 
          }) 
      }, 
      postReview({ 
        commit 
      }, payload) { 
        Vue.http.post('url', payload) 
          .then(() => { 
            commit('addNewReview', payload) 
          }) 
      } 
    } 
  }

<template> 
	<div class="container"> 
		<h1>Отзывы</h1> 
		<form  
			@submit.prevent="sendReview"> 
				<input  
					v-model="review.userName" 
					type="text"  
					placeholder="Имя" > 
				<textarea  
					v-model="review.reviewText" 
					placeholder="Отзыв" 
					cols="30"  
					rows="3"> 
				</textarea> 
			<input  
				type="submit" > 
		</form> 
		<ul> 
			<li v-for="item in reviews"> 
				<h2>{{item.userName}}</h2> 
				<p>{{item.reviewText}}</p> 
			</li> 
		</ul> 
	</div> 
</template>