Как передать переменную в соседний компонент vue?

Question

[marselabdullin]

App.vue родительский компонент, который вызыывает EventList:

<template>
  <div id="app">
    <Filters
        v-bind: events="events"
     />
    <br>
    <Form 
        v-bind: event="event"
        v-on:
    />
    <EventList
        v-bind: events="events"
        v-on: deleteEvent="deleteEvent"
    />
  </div>
</template>

В EventList есть действие @dbclick, которое должно отправлять компоненту Form event для изменения:

<div class="d-flex justify-content-around shadow p-3 my-3" v-for="event in eventsByFilters" :key="event.id" @dblclick="$emit(event)">

И мне нужно передать только переменную без метода и не в родительский компонент а в соседний, как это сделать?

Comments

[Дмитрий Гололобов]

Поищите что-нибудь типа vue event bus или vuex

В любом случае вам что-то придется куда-то отдать (или в родительский компонент, или в хранилище vuex, или в экземпляр шины событий), кроме как в соседний компонент.