avalon 跨模块通信 ”up!”, “down!”, “all!” 没有效果

Doocaa
  • 5
新手上路,请多包涵

avalon跨模块通信 vm1.$fire("down!aaa", "capture"),没有理想效果。

<script>
          var vm1 = avalon.define({
                $id: "ancestor", 
                aaa : '1111111111',
                click : function() {
                    avalon.log("向下广播")
                    vm1.$fire("down!aaa", "capture")
                }
            })
            vm1.$watch("aaa", function(v) {
                    avalon.log(v)
                    avalon.log("ancestor.aaa事件被触发了")
            })
            var vm2 = avalon.define({
                $id: "parent", 
                text : "222222222",
                aaa : '3333333333',
                click : function() {
                    console.log("全局扩播")
                    vm2.$fire("all!aaa", "broadcast")
                }
            })
            vm2.$watch("aaa", function(v) {
                   avalon.log(v)
                   avalon.log("parent.aaa事件被触发了")
             })
            var vm3 = avalon.define({
                $id: "son", 
                click : function() {
                    console.log("向上冒泡")
                    vm3.$fire("up!aaa", "bubble")
                }
            })
            vm3.$watch("aaa", function(v) {
                    avalon.log(v)
                    avalon.log("son.aaa事件被触发了")
              })
      </script> 
<body class="ms-controller"   ms-controller="ancestor">
        <h3>avalon vm.$fire的升级版 </h3>
        <button type="button" ms-click="click">
            capture
        </button>
        <div ms-controller="parent">
            <button type="button" ms-click="click">broadcast</button>
            <div ms-controller="son">
                <button type="button" ms-click="click">
                    bubble
                </button>
            </div>
        </div>
    </body>

效果如下,并没有向上冒泡,向下广播,是我哪里写错了吗?
图片描述

回复
阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏