Как автоматически обновлять компонент при обновлении данных из API, без обновления страницы

Question

Я пытаюсь сделать компонент как LIKE count,

так, у меня есть объект name (LIST) , который я получаю из API, в моем LIST объекте есть свойство total_like со значением по умолчанию 0, когда я нажимаю кнопку лайка, я делаю запрос на публикацию в api и в api мое значение total_like увеличивается до 1, 2 и т. д. на мой взгляд, я показываю счетчик схожих значений с {{item.total_like}} на данный момент все работает хорошо.

проблема в том, что item.total_like значение обновляется только при обновлении страницы, но я хочу показать новое значение этого свойства без обновления страницы.

как мне с этим разобраться?

привет

Answer 1

Может быть, вы можете использовать модификаторы событий, чтобы предотвратить перезагрузку страницы, например ...

<button type="submit" v-on:click.prevent="addLike" >

<button type="submit" v-on:submit.prevent="addLike">

или если вы хотите использовать сокращение

<button type="submit" @click.prevent="addLike" >

<button type="submit" @submit.prevent="addLike">

Надеюсь, это поможет.