Как добавить условие в метод vue.js 2?

Question

Мой код выглядит так:

<template> 
    <a href="javascript:" class="btn btn-block btn-success" @click="addFavoriteStore($event)"> 
     <span class="fa fa-heart"></span>&nbsp;<label id="favoriteId">{{ store_id == $store->id ? 'Un-Favorite' : 'Favorite' }}</label> 
    </a> 
</template> 

<script> 
    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} 
       this.$store.dispatch('checkFavoriteStore', payload) 
       // this is response. return store_id 
      } 
     }, 
     data: { 
      store_id: '' 
     } 
    } 
</script> 

Я делаю условия, как описано выше

Вы можете посмотреть на метод addFavoriteStore

ли этот шаг является правильным?

И как определить, что это была любимая этикетка или не создавать условия?

UPDATE

В консоли существует ошибка, как это:

[Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions. 

Answer 1

Как говорит об ошибке, когда вы имеете дело с компонентами, данные должны быть определены как функция, которая возвращает объект - так:

data() { 
    return { 
    store_id: '' 
    } 
} 

Answer 2

ваши данные должны быть установлены как:

data() { 
    return { 
     store_id: '' 
    } 
    } 

Как его компонент? Попробуй это?