美文网首页
组件间的通信

组件间的通信

作者: skogt | 来源:发表于2018-03-17 15:09 被阅读7次

随着业务不断扩充,原先的单一业务结构已经无法支撑起庞大的业务。此外,因为业务复杂,如果还是单一的结构,那么耦合度非常高,维护成本越来越大。所以出现了组件,所谓的组件,我觉得定义成模块功能更合适点。

组件分类

主要分为两大类:

  • 基础组件
  • 业务组件
    其中基础组件里面包含网络库UI库...
    业务组件顾名思义就是每个业务分装成一个独立的模块

通信

越来越多的业务抽离成组件了,那么怎么做到组件间的通信呢?现在业内有比较多的方案,网上也有很多,我比较推荐的是 casatwy 的组件化方案。使用Category+Target-Action模式来构建Mediator,从而进行模块间的通信
具体原理,为什么这么实现就不啰嗦了,大家可以参考上面的文章,应该会让大家获益良多。

总结

下面我总结下上述方案的抽象过程

native调用
moduleA -> mediator+category(params) -> mediator(performTarget) -> moduleB (Action)
url远程调用(http|https, native scheme, other native scheme)
moduleA -> router -> mediator(performActionUrl) -> mediator(performTarget) -> moduleB(Action)  (native scheme)
moduleA -> router -> mediator+category(params) -> mediator(performTarget) -> moduleB(Action) (http|https)
moduleA -> router -> [[UIApplication sharedApplication] openURL:url] (other native scheme)

相关文章

  • React组件间通信

    1. 组件间通信1.1.父组件向子组件通信1.2.子组件向父组件通信1.3.跨级组件间通信1.4.无嵌套关系组件间...

  • vue.js系列三:组件间通信

    1.组件间通信基本原则 2.vue 组件间通信方式 2.1组件间通信 1: props(适用于父子组件传递属性) ...

  • <Vue2.x>总结:注意点

    一、组件间通信 1、多层组件间通信的命名问题 1.1、问题 在使用多层组件间通信的时候,经过反复测试,发现创建的组...

  • vue 组件通信方式 ,父子、隔代、兄弟 三类通信,六种方法

    Vue 组件间通信只要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信,下面分别介绍每种通信方式且会说...

  • Vue基础-03 组件间的通信

    1. 组件间的通信 父子间的通信 通过props 父组件: 1.在父组件引入子组件在components:{ } ...

  • React父子组件间通信的实现方式

    React学习笔记之父子组件间通信的实现:今天弄清楚了父子组件间通信是怎么实现的。父组件向子组件通信是通过向子组件...

  • Vue组件间通信,与服务器端通信

    组件间通信 父组件与子组件通信: props down 子组件与父组件通信:events up 若父组件要想获取子...

  • 组件间通信

    组件间通信 父组件向子组件通信,子组件之间通信 父组件以自身的state作为作为子组件的props;父组件调用se...

  • Vue组件间通信方式都有哪些?

    一、组件间通信的概念 开始之前,我们把组件间通信这个词进行拆分 组件 通信 都知道组件是vue最强大的功能之一,v...

  • vue的组件通讯

    一、组件间通信的概念 开始之前,我们把组件间通信这个词进行拆分 组件 通信 都知道组件是vue最强大的功能之一,v...

网友评论

      本文标题:组件间的通信

      本文链接:https://www.haomeiwen.com/subject/rwtjqftx.html