MyTetra Share
Делитесь знаниями!
Коммуникация через шину между компонентами (любыми) в Vue
24.02.2018
14:38
Автор: br0ke
Текстовые метки: javascript, js, vue, vuejs, vue.js, component, components, bus, communication, emit, on
Раздел: Информационные технологии - JavaScript - Vue

Иногда иерархическая структура становится слишком сложной -- например, требуется передать данные от одного потомка второго уровня другому потомку третьего уровня.

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


// создаем шину до создания корневого экземпляра Vue

var bus = new Vue()


// в методе компонента A

// id-selected -- имя события, уникальное для шины

// 1 -- передаваемые данные
bus.$emit('id-selected', 1)


// в обработчике created компонента B
bus.$on('id-selected', function (id) {
// ...
})




Так же в этом разделе:
 
MyTetra Share v.0.52
Яндекс индекс цитирования