聚合物：監聽外部事件

Question

我們正在將Polymer 1.0組件引入使用Vanilla JS編寫的舊系統中。 一些新組件將需要發揮作用並與現有邏輯交互。 由於我們沒有自由以“聚合方式”對整個應用程序進行組件化（聚合），因此在事件處理/消息傳遞方面遇到了一些挑戰。

例如，假設有一個頁面，其中有一個用香草JS編寫的todo選擇器和一個用Polymer編寫的詳細信息組件。 此外，待辦事項選擇器是“聚合物詳細信息”組件的同級對象。 當用戶檢查待辦事項時，關聯的聚合物組件將顯示一個包含該待辦事項詳細信息的選項卡。 如果選中了多個待辦事項，將顯示多個選項卡。 同樣，如果選項卡關閉，則選擇器上的相關待辦事項將變為未選中狀態（需要雙向通信）。

將事件偵聽器附加到能夠響應從選擇器分派的“外部”事件的Polymer Detail組件的最佳方法是什么？ 另一方面，我相信我們可以從Polymer組件中“觸發”事件。

Answer 1

您可以指定組件會對其進行響應的偵聽器列表：

  listeners: {
    // `click` events on the host are delegated to `tapHandler`
    'tap': 'tapHandler'
  },

適當的文檔部分中的更多信息