6-6应用间通信 - 父子通信

  1. props
  2. customevent
    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)
  }
}

好莱坞原则 - 不用联系我,当我需要你的时候会打电话给你
依赖注入 - 主应用的显示隐藏,注入到子应用内部,通过子应用的

猜你喜欢

转载自blog.csdn.net/bus_lupe/article/details/124136500
今日推荐