I have an application which needs to walk and display a directory structure similar to a filesystem. Below is an example of how this would work with a filesystem.

I want to trigger the update() function of kursAktiv.vue when I press the button “Kursanlegen” in kursAnlegen.vue ! Here are the kursAnlegen button and function:

I have a problem with my code. I want to access the value of assignmentData in file1.vue everytime after it changes in another vue file(file2.vue). You can see the code in the pictures. And the data of assignmentData changes everytime a checkbox is marked/unmarked. How do i correctly use v-bind or v-model to get the value in my second file everytime it changes.
The code of the checkbox in file1.vue:
‹div class="col-smfz-11" style="margin-top: -40рх;" › ‹label id="kursAusgewählt" class="checkbox-container> < input type="checkbox" :checked="assignmentData.selected" @change="update('selected', $event. target.checked)"› ‹span class="checkmark" style="margin-left: -40px; margin-top:33px;*›  &bsp;&bsp;&bsp;&bsp;&bsp;&bsp;&bsp;Check</span>