关于使用broadcast方式来进行父子模块，兄弟模块之间的通信

[bytemofan]

每个模块都可以通过NoDom提供消息机制与兄弟模块、父模块和子模块进行通信，主要通过broadcast方法(广播消息)和send方法(定向发送)、onReceive钩子处理收到的消息。

我有如下疑问：

• 如果我只想传递某一个msg给某一个子模块，不想共享出去，应该怎么办？
• 如果我在父模块广播了一些值，那是不是当前页面上的所有模块都会收到？包括父模块的兄弟模块，要是我传递的数据量大的话，会不会造成性能问题？
• 有些正在广播的数据，有的模块又不需要这样的数据，这个模块有没有办法把这些数据屏蔽？
• 当前广播中仅有且只有一个消息？有没有可能出现一些同步和异步的消息？

[fieldyang]

你好，针对你提出的四个问题，我一一回复如下： 1、NoDom已提供send方法，请参考api文档http://www.nodom.org/route/api/content/module/ddmodulecls 2、模块发送的消息接收对象为兄弟模块、父模块、子模块，因为我们的数据都属于模块，所以传送的仅仅是一个数据的引用，不存在数据量大的问题 3、模块可以配置fromModules，来选择接收哪些模块的信息； 4、js的语言特性会避免异步消息的问题，模块发送消息并不需要收方响应，所以也不存在同步问题。 有问题再联系

…

-- 杨雷 西南科技大学计算机学院 11202627@qq.com 在 2017-10-23 11:23:38，"Mr.Mortal" <notifications@github.com> 写道： 每个模块都可以通过NoDom提供消息机制与兄弟模块、父模块和子模块进行通信，主要通过broadcast方法(广播消息)和send方法(定向发送)、onReceive钩子处理收到的消息。 我有如下疑问： 如果我只想传递某一个msg给某一个子模块，不想共享出去，应该怎么办？ 如果我在父模块广播了一些值，那是不是当前页面上的所有模块都会收到？包括父模块的兄弟模块，要是我传递的数据量大的话，会不会造成性能问题？ 有些正在广播的数据，有的模块又不需要这样的数据，这个模块有没有办法把这些数据屏蔽？ 当前广播中仅有且只有一个消息？有没有可能出现一些同步和异步的消息？ — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.

[fieldyang]

官网模块通讯例子是错的，用this.module.send发自我的iPhone------------------ 原始邮件 ------------------发件人: 何昇邦 <notifications@github.com>发送时间: 2018年3月18日 17:54收件人: fieldyang/nodom <nodom@noreply.github.com>抄送: field <fieldyang@163.com>, Comment <comment@noreply.github.com>主题: 回复：[fieldyang/nodom] 关于使用broadcast方式来进行父子模块，兄弟模块之间的通信 (#1)您好， 我按照官网上的实例程序进行测试，发现一个问题。代码如下： ` <title>NoDom-数据驱动渲染MVVM框架</title> <script type="text/javascript" src="../js/nodomjs/NoDom.min.js" ></script> <script type="text/javascript"> DD.createModule({ /*给模块设置名字，方便在收到消息时针对不同模块做不同操作*/ name:'module1', el:'.mod1', templateUrl:'../resources/viewpath/communication.html', data:{smsg:'',rmsg:''}, /*消息接收钩子*/ onReceive:function(module,data){ this.data.rmsg = '来自' + module + '的消息：' + data.smsg; }, methods:{ /*发送消息方法，由send按钮的e-click指定*/ sendMsg:function(){ /*broadcast为模块方法，用来向外部发送消息*/ this.broadcast(this.data); } }, modules:[{ name:'module2', el:'.code41', data:{smsg:'',rmsg:''}, onReceive:function(module,data){ this.data.rmsg = '来自' + module + '的消息：' + data.smsg; }, methods:{ sendMsg:function(){ this.broadcast(this.data); } } },{ name:'module3', el:'.code42', data:{smsg:'',rmsg:''}, onReceive:function(module,data){ this.data.rmsg = '来自' + module + '的消息：' + data.smsg; }, methods:{ sendMsg:function(){ this.broadcast(this.data); } } }] }); </script> ` 代码来源：http://www.nodom.org/route/tutorial/module -- 模块用法4-模块通信 点击发送按钮，报错： example3.html:28 Uncaught TypeError: this.broadcast is not a function at M.sendMsg (example3.html:28) at handleSelf (nodom-full.js:1192) at Event.fire (nodom-full.js:1142) at HTMLButtonElement.me.handleEvent (nodom-full.js:1217) sendMsg @ example3.html:28 handleSelf @ nodom-full.js:1192 Event.fire @ nodom-full.js:1142 me.handleEvent @ nodom-full.js:1217 我完全按照实例进行操作，并且前面几个实例均可以运行通过，不知道为什么第四个会报错？ 如果有空，麻烦帮忙解答，非常感谢。 —You are receiving this because you commented.Reply to this email directly, view it on GitHub, or mute the thread. {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/fieldyang/nodom","title":"fieldyang/nodom","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/fieldyang/nodom"}},"updates":{"snippets":[{"icon":"PERSON","message":"@heshengbang in #1: 您好，\r\n 我按照官网上的实例程序进行测试，发现一个问题。代码如下：\r\n`\u003c!DOCTYPE html\u003e\r\n\u003chtml lang=\"en\"\u003e\r\n\t\u003chead\u003e\r\n\t\t\u003cmeta charset=\"UTF-8\"\u003e\r\n\t\t\u003ctitle\u003eNoDom-数据驱动渲染MVVM框架\u003c/title\u003e\r\n\t\t\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\r\n\t\t\u003cscript type=\"text/javascript\" src=\"../js/nodomjs/NoDom.min.js\" \u003e\u003c/script\u003e\r\n\t\u003c/head\u003e\r\n\t\u003cbody\u003e\r\n\t\t\u003cdiv class='mod1'\u003e\r\n\t\t\u003c/div\u003e\r\n\t\u003c/body\u003e\r\n\t\u003cscript type=\"text/javascript\"\u003e\r\n\t\tDD.createModule({\r\n\t\t\t/*给模块设置名字，方便在收到消息时针对不同模块做不同操作*/\r\n\t\t\tname:'module1', \r\n\t\t\tel:'.mod1',\r\n\t\t\ttemplateUrl:'../resources/viewpath/communication.html',\r\n\t\t\tdata:{smsg:'',rmsg:''},\r\n\t\t\t/*消息接收钩子*/\r\n\t\t\tonReceive:function(module,data){\r\n\t\t\t\tthis.data.rmsg = '来自' + module + '的消息：' + data.smsg;\r\n\t\t\t},\r\n\t\t\tmethods:{\r\n\t\t\t\t/*发送消息方法，由send按钮的e-click指定*/\r\n\t\t\t\tsendMsg:function(){\r\n\t\t\t\t\t/*broadcast为模块方法，用来向外部发送消息*/\r\n\t\t\t\t\tthis.broadcast(this.data);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tmodules:[{\r\n\t\t\t\tname:'module2',\r\n\t\t\t\tel:'.code41',\r\n\t\t\t\tdata:{smsg:'',rmsg:''},\r\n\t\t\t\tonReceive:function(module,data){\r\n\t\t\t\t\tthis.data.rmsg = '来自' + module + '的消息：' + data.smsg;\r\n\t\t\t\t},\r\n\t\t\t\tmethods:{\r\n\t\t\t\t\tsendMsg:function(){\r\n\t\t\t\t\t\tthis.broadcast(this.data);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\t\r\n\t\t\t},{\r\n\t\t\t\tname:'module3',\r\n\t\t\t\tel:'.code42',\r\n\t\t\t\tdata:{smsg:'',rmsg:''},\r\n\t\t\t\tonReceive:function(module,data){\r\n\t\t\t\t\tthis.data.rmsg = '来自' + module + '的消息：' + data.smsg;\r\n\t\t\t\t},\r\n\t\t\t\tmethods:{\r\n\t\t\t\t\tsendMsg:function(){\r\n\t\t\t\t\t\tthis.broadcast(this.data);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}]\r\n\t\t});\r\n\t\u003c/script\u003e\r\n\u003c/html\u003e`\r\n代码来源：http://www.nodom.org/route/tutorial/module -- 模块用法4-模块通信\r\n\r\n点击发送按钮，报错：\r\n`\r\nexample3.html:28 Uncaught TypeError: this.broadcast is not a function\r\n at M.sendMsg (example3.html:28)\r\n at handleSelf (nodom-full.js:1192)\r\n at Event.fire (nodom-full.js:1142)\r\n at HTMLButtonElement.me.handleEvent (nodom-full.js:1217)\r\nsendMsg @ example3.html:28\r\nhandleSelf @ nodom-full.js:1192\r\nEvent.fire @ nodom-full.js:1142\r\nme.handleEvent @ nodom-full.js:1217\r\n`\r\n我完全按照实例进行操作，并且前面几个实例均可以运行通过，不知道为什么第四个会报错？\r\n如果有空，麻烦帮忙解答，非常感谢。"}],"action":{"name":"View Issue","url":"#1 (comment)"}}}

[heshengbang]

按你说的用了this.module.send方法后，继续报错Uncaught TypeError: Cannot read property 'onReceive' of undefined，但是我看了源码，应该是有这个属性的。。。。这个问题有点奇怪了。

[fieldyang]

我争取这两天把文档做一些修改并发布1.1版本，这段时间一直在忙项目，修改了一些bug，但是没时间调整文档发自我的iPhone------------------ 原始邮件 ------------------发件人: 何昇邦 <notifications@github.com>发送时间: 2018年3月18日 23:19收件人: fieldyang/nodom <nodom@noreply.github.com>抄送: field <fieldyang@163.com>, Comment <comment@noreply.github.com>主题: 回复：[fieldyang/nodom] 关于使用broadcast方式来进行父子模块，兄弟模块之间的通信 (#1)按你说的用了this.module.send方法后，继续报错Uncaught TypeError: Cannot read property 'onReceive' of undefined，但是我看了源码，应该是有这个属性的。。。。这个问题有点奇怪了。 —You are receiving this because you commented.Reply to this email directly, view it on GitHub, or mute the thread. {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/fieldyang/nodom","title":"fieldyang/nodom","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/fieldyang/nodom"}},"updates":{"snippets":[{"icon":"PERSON","message":"@heshengbang in #1: 按你说的用了this.module.send方法后，继续报错Uncaught TypeError: Cannot read property 'onReceive' of undefined，但是我看了源码，应该是有这个属性的。。。。这个问题有点奇怪了。"}],"action":{"name":"View Issue","url":"#1 (comment)"}}}