victory_vas
@victory_vas

Как правильно менять состояние компонентов-сиблингов?

Какая практика считается лучшей в такой ситуации: есть компоненты-сиблинги (выводящие через v-for, скажем, строки таблицы). При клике на один из компонентов нужно его, скажем, активировать, а остальные компоненты деактивировать.
Пока что вижу 2 варианта:
1. Поставить вотчер на какое-либо свойство и прослушивать его измение во всех компонентах
2. Вызывать метод дочерних компонентов из родителя через this.$refs, который и будет менять состояние

Может есть что-то ещё? Всё это выглядит довольно костыльно, при том что такая задача довольно распространённая.
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Состояние хранится в родителе, через параметры передаётся в дочерние компоненты. Из дочерних компонентов эмитятся события, по которым в родителе осуществляется обновление состояния.

UPD. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы