vue中的event bus非父子组件通信解析

vue中的event bus非父子组件通信解析

有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的vue实例作为中央事件总线：

var bus = new Vue()

// 触发组件 A 中的事件

bus.$emit('id-selected', 1)

// 在组件 B 创建的钩子中监听事件

bus.$on('id-selected', function (id) {

// ...

})

在更多复杂的情况下，你应该考虑使用专门的 状态管理模式.就是用到了vuex

eventBus是作为兄弟关系http://的组件之间的通讯中介。

代码示例：

效果图如下：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。