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