6-6 アプリケーション間通信 ～親子通信～

1. 小道具
2. カスタムイベント
   https://developer.mozilla.org/zh-CN/docs/Web/API/CustomEvent

export class Custom {
    
    
  // 事件监听
  on (name, cb) {
    
    
    window.addEventListener(name, (e) => {
    
    
      cb(e.detail)
    })
  }
  // 事件触发
  emit(name, data) {
    
    
    const event = new CustomEvent(name, {
    
    
      detail: data
    })
    window.dispatchEvent(event)
  }
}

ハリウッド原則 - 連絡しないでください。必要なときに電話します。
依存関係の注入 - メイン アプリケーションの表示と非表示を切り替え、サブアプリケーションを介してサブアプリケーションに注入します。