官方文档
由于 Vue 实例实现了一个事件分发接口，通过使用事件中心，允许组件自由交流，无论组件处于组件树的哪一层。可以通过实例化一个空的 Vue 实例来实现这个目的。
然后在组件中，可以使用 on, $off 分别来分发、监听、取消监听事件：
var myVue = new Vue();
Vue.prototype.eventHub = myVue;
this.eventHub.$emit('add-todo', { text: 'adddd-todoooo'})
this.eventHub.$on('add-todo', function(e){
console.log(e)
})
全局引入 在main.js中全局引入 使用场景 在顶部导航栏选择不同的二级菜单，在左侧渲染相对应的三级菜单，就涉及...
bus utils - bus.js 一、传值 发送信息 第一个参数为标志变量，第二个参数为通信的值 接收信息 第...
官方文档由于 Vue 实例实现了一个事件分发接口，通过使用事件中心，允许组件自由交流，无论组件处于组件树的哪一层。...
Vue2使用笔记3--父子组件的通信Vue 2.0开发实践（组件间通讯）Event Bus 在Vue中的使用vue...
非父子组件通信 1.使用一个空的Vue实例作为中央事件总线(bus)2.bus.$emit('key', 'tex...
新建Bus.js文件 在需要通信的组件中引入bus.js 传值组件 通过$emit发送一个msg事件，传的参数是>...
介绍:vue组件之间的通信方式有很多种,props/emit , event bus, vuex, provide...
可以用过一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发on来...
$bus主要作用是进行非父子组件信息传递，使用方法如下： 第一步：在main.js中将$bus绑定到vue原型上 ...
可以用过一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发$em...
本文标题：vue使用bus进行组件通信
本文链接：https://www.haomeiwen.com/subject/hiibmqtx.html
网友评论