Как общаться между веб -компонентами (нативным пользовательским интерфейсом)? ⇐ Html

[Anonymous]

Я пытаюсь использовать нативные веб -компоненты для одного из моего проекта пользовательского интерфейса, и для этого проекта я не использую каких -либо фреймворков или библиотек, таких как полимер и т. Д. Общаться между двумя веб-компонентами, как мы делаем в Angularjs /Angular (например, концепция сообщения о шине сообщения). < /p>

В настоящее время в веб-компонентах пользовательского интерфейса я использую dispatchevent Для публикации данных и для получения данных я использую addEventListener .
Например, есть 2 веб-компонента, чат-форма и чатистория. < /p>

// chatform webcomponent on submit text, publish chattext data
this.dispatchEvent(new CustomEvent('chatText', {detail: chattext}));

// chathistory webcomponent, receive chattext data and append it to chat list
this.chatFormEle.addEventListener('chatText', (v) => {console.log(v.detail);});
< /code>

Пожалуйста, дайте мне знать, какие другие способы работают для этой цели. Любая хорошая библиотека, такая как Postaljs и т. Д., Которая может легко интегрироваться с нативными веб -компонентами пользовательского интерфейса.

Подробнее здесь: https://stackoverflow.com/questions/550 ... -native-ui