美文网首页
(八)2组件间通讯 ---中间人模式

(八)2组件间通讯 ---中间人模式

作者: 马丁路德东 | 来源:发表于2017-07-19 09:25 被阅读0次

组件之间的通讯-----有时候他们之间的关系,并不是父与子的关系,这个时候就需要一个中间人来完成他们的通讯 —— 马丁路德.东

其实下面介绍的这种中间人模式,是有很大局限的。他要求组件之间必须有共同的父组件,才能完成这样一次组件之间的通讯。
接下来看语法
1.发射数据的组件声明发射的属性。

image.png

2.发射数据的方法

image.png

3.父组件作为中间人,监听事件

image.png

4.父组件暂存数据

image.png

5.父组件通过属性绑定将数据传递给下单组件

image.png

6.接受数据的组件声明输入属性

image.png

这种方法,局限性大,推荐使用公共服务作为中间人。

相关文章

  • (八)2组件间通讯 ---中间人模式

    组件之间的通讯-----有时候他们之间的关系,并不是父与子的关系,这个时候就需要一个中间人来完成他们的通讯 —— ...

  • 中间人模式

    所谓中间人模式,就是两个组件在都不知道对方的条件下能够进行通信,它们通过一个中间人来进行传值,这里的中间人是父组件...

  • angular4学习笔记整理(四)组件间通讯、管道

    之后的笔记就写的快一点 组件间通讯 1.组件间通讯 。父组件向子组件输入属性用 子组件声明接收父组件的属性@in...

  • 中间人模式和生命周期

    中间人模式 设计一个购买按钮,获取所需要购买物品的信息,在报价组件中 下单组件 主组件中 报价组件和订单组件在彼此...

  • ReactNative 组件间通讯

    参考文章参考 子组件传递参数到父组件 (回调) 在父组件中定义一个带参数的方法 price就是最后回调的参数。设置...

  • vue 组件间通讯

    总结起来三种方式 一、eventbus bus.js component1.vue component2.vue ...

  • 组件间通讯方式

      组件化,在工程组成结构角度讲,也可称为模块化。最终目的是为了解藕。  本文总结了组件间交互方式及原理,不涉及到...

  • Vue 组件间通讯

    最近回顾前端,先是 React 现在因工作需又要开始 vue 了。开发过程中多半时间我们需要结构,有层次有上下级,...

  • vue组件间通讯

    父子 $emit/on props $parent/children $attrs/listenner $ref ...

  • Vue组件间通讯

    Vue中组件通讯的方式有很多种,每一种应用的场景可能都有一些不一样,我们需要在合适的场景下选择合适的通讯方式。 父...

网友评论

      本文标题:(八)2组件间通讯 ---中间人模式

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