Как передать значение одного компонента в другой?

Question

[Andrej Sharapov]

День добрый!

Песочница №1:


Здесь 2 компонента: общий список и выбранный компонент (типа модалка). Открывается кликом на стрелки.
По клику на стрелку открывается компонент №2, в который передается информация из компонента №1.

Теперь проблемы:

Мне нужно добавить класс картинке по клику на эту стрелку или картинку fullImage: false,. Добавил в компонент №1, все работает.

@click="fullImage = !fullImage, $emit('select', f)" :class="{ fullImage }"

ок.

Во втором компоненте, при добавлении @click="fullImage = !fullImage, $emit('close')" этот класс должен убираться, но не срабатывает.

Подскажите, что упустил и как исправить?

Песочница №2:

Answer 1

[0xD34F]

Есть свойство selected в родительском компоненте - используйте его, передавайте в список, и назначайте класс в зависимости от равенства элемента списка текущему выбранному.

https://jsfiddle.net/cfLk1jdu/