title: How to update data on a page without refreshing on the vue.js?
body: <p>My view is like this :</p>
  
  <pre><code>&lt;div class="favorite" style="margin-bottom:5px;"&gt; 
      @if (Auth::user())
          &lt;add-favorite-store :id-store="{{ $store-&gt;id }}"&gt;&lt;/add-favorite-store&gt;
      @else   
          &lt;a href="javascript:" class="btn btn-block btn-success"&gt;
              &lt;span class="fa fa-heart"&gt;&lt;/span&gt;&amp;nbsp;Favorite
          &lt;/a&gt;
      @endif
  &lt;/div&gt;
  </code></pre>
  
  <p>My component is like this :</p>
  
  <pre><code>&lt;template&gt;
      &lt;a href="javascript:" class="btn btn-block btn-success" @click="addFavoriteStore($event)"&gt;
          &lt;span class="fa fa-heart"&gt;&lt;/span&gt;&amp;nbsp;&lt;label id="favoriteId"&gt;{{ store_id == 'responseFound' ? 'Un-Favorite' : 'Favorite' }}&lt;/label&gt;
      &lt;/a&gt;
  &lt;/template&gt;
  
      &lt;script&gt;
          export default{
              props:['idStore'],
              mounted(){
                  this.checkFavoriteStore()
              }, 
              methods:{
                  addFavoriteStore(event){
  
                      var label = $('#favoriteId')
                      var text = label.text()
  
                      event.target.disabled = true
                      const payload= {id_store: this.idStore}
  
                      if(text == "Favorite") {
                          this.$store.dispatch('addFavoriteStore', payload)
                      }
                      else {
                          this.$store.dispatch('deleteFavoriteStore', payload)
                      }
  
                      setTimeout(function () {
                          location.reload(true)
                      }, 1500)
                  },
                  checkFavoriteStore(){
                      const payload= {id_store: this.idStore}
                      var data = this.$store.dispatch('checkFavoriteStore', payload)
                      data.then((res) =&gt; this.store_id = res)
                  }
              },
              data() {
                  return {
                      store_id: ''
                  }
              }
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>On the my code above, I using </p>
  
  <blockquote>
    <p>location.reload(true)</p>
  </blockquote>
  
  <p>to update data on the page. But it's reload the page. </p>
  
  <p>I want when update the page, it's not reload the page</p>
  
  <p>How can I do it?</p>