How to pass the value of one component to another?

Question

Vue.js

Good afternoon!
Sandbox #1:

There are 2 components here: a general list and a selected component (modal type). Opened by clicking on the arrows.
By clicking on the arrow, component No. 2 opens, into which information from component No. 1 is transferred.
Now the problems:
I need to add a class to the picture on click on this arrow or picture fullImage: false,. Added to component number 1, everything works.

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

OK.
In the second component, adding @click="fullImage = !fullImage, $emit('close')" should remove this class, but it doesn't work.
Tell me what I missed and how to fix it?
Sandbox #2:

Answer 1

There is a selected property on the parent component - use it, pass it to the list, and assign a class depending on whether the list item is equal to the currently selected one.
https://jsfiddle.net/cfLk1jdu/