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

Question

[Elladri]

Имеется папка “conponents”, где находятся два компонента. В первом компоненте есть массив, который пробегается и выводится информация в карточках. На карточке находится кнопка, которая добавляет одну из карточек в избранное( то есть в другой массив в этом же компоненте). Как мне передать массив с избранным в другой компонент, чтобы там по нему пробежаться и вывести все?

Comments

[alex]

можно просто для каждой записи создать дополнительное поле, например isFavorite: true/false. при клике меняем это значение. а во втором компоненте делаем computed свойство которое будет отфильтровать этот массив по этому полю. соответственно чтобы массив был виден в обоих компонентах, его нужно хранить либо в родительском компоненте либо юзать vuex

[Elladri]

Alex, огромное спасибо! Все получилось по вашему совету!

Answer 1

[Nikita Dergachov]

Использовать события.

// Генерируем событие, возможно с передаваемыми данными
this.$emit('название' [, данные]);
// Слушаем событие
this.$on('название', function(данные) {...});

Comments

[Kiril Kharkevich]

Пробовал так сделать, вот мой пример кода:

onSelect (items) {        //выбор чекбоксов в списке и запись данных в массив
        this.selected = items;
        this.$emit('selected',[selected]);
      }

Только почему-то когда снимаю галку с чекбоса, пишет ошибку selected is not defined

[Растишка]

Вы ошибки читаете? У вас selected нигде и не задана.
this.$emit('selected',[this.selected]);