Web UI組件之間的通信

Question

我是新秀Dartisan。我推動了https://github.com/mackristof/DartWebComponentCommunication的測試項目。 我想找到兩個Web組件之間通信的最佳實現。如果用戶單擊webComponent 1上的按鈕，如何才能通知計數器webcomponent 2？流？巴士事件？

提供最佳解決方案的拉動請求。

Christophe。

Answer 1

對於這種類型的溝通，我實施了event bus，它對我來說非常有用。

如果事件總線是在應用程序級別定義的，則您的事件可能看起來像這樣;

void increment() { 
     eventBus.fire(clickEvent, 1) 
} 

而且你的計數器組件可以通過模型對象像備份;

class CounterComponent extends WebComponent { 

    int get count => viewModel.count; 

    ViewModel viewModel; 
} 

和視圖模型可以看起來像

class ViewModel{ 
    int count; 

    ViewModel(){ 
     eventBus.on(clickEvent).listen((msg){ 
      count = count + msg; 
     }); 
    } 
} 

Answer 2

我認爲Web組件可以通過使用事件父/主機DOM互相交談。當一個Web組件觸發某個事件時，主機/父級DOM應該捕獲它並通過更改其屬性值來通知其他Web組件。 這種方式我認爲web組件可以進行通信。