vue笔记 - 组件间通信 之 中央事件总线bus
中央事件总线 - 就是一个名字可以叫做bus的vue空实例,里边没有任何内容； 人如其名，她就像一个公交车一样，来回输送人，将a站点的A输送到b站点，再将b站点的B输送到a站点； 这里a，b站点就像父、子组件，也像兄、弟组件，或者像两个没有任何亲戚关系的任何组件； 而A,B就像 ...
原文：vue使用bus总线，实现非父子组件间的通信
vue组件通信方式有好多，可以使用props传值，但是props只能父子组件使用。也可以使用vuex，但是vuex比较重，而且非全局的通信最好不要使用vuex 在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。 这里有两种方式可以使用 第一种是新建一个bus.js文件，初始化一个空的Vue实例，作为中央总线，然后再组件引用时调用这个bus.js文件 第二种是全局定义，将bus挂载到vu ...
2020-06-12 16:48 0 1130 推荐指数：
相关推荐
使用Bus.js进行兄弟(非父子)组件通信
首先需要在任意地方添加一个bus.js； 在bus.js里面 写入下面信息 import Vue from 'vue' export default new Vue; 在需要通信的组件都引入Bus.js 如果你的bus.js是自定义一个bus的文件 ...
Vue bus的使用（兄弟｜非父子组件传值）-->可以使用一个空的Vue实例作为中央事件总线new Vue()
1.在main.js中注册全局的bus Vue.prototype.bus=new Vue(); 2.在组建中使用 子组建使用：this.bus.$emit('自定义事件名',data) methods:{ handleClicks ...
vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发和监听来实现组件之间的通信 ...
vue组件通信之$bus（事件总线）
$bus 思路是在全局挂载一个实例，通过这个实例里的事件派发和事件监听实现跨组件通信，设计模式叫做观察者模式。 使用场景：跨多层级组件传参，不顺路要坐bus。 第一步 创建一个$bus对象 （main.js） 第二步 实例化Bus并挂载到vue全局上 （main.js ...
Vue 非父子组件通信
组件是Vue核心的一块内容，组件之间的通信也是很基本的开发需求。组件通信又包括父组件向子组件传数据，子组件向父组件传数据，非父子组件间的通信。前两种通信Vue的文档都说的很清楚，但是第三种文档上确只有下面的几句 具体如何去实现却没有很详细的说明，于是自己试着进行了实现。先看下简单的通信 ...
vue组件通信之非父子组件通信
什么顺序不顺序的。。 先来说说非父子组件通信。 首先，我们先来了解下vue中的 1.$emit 触发当前实例上的事件，附加参数都会传给监听器回调。 2.$on 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 基础知识准备好 ...
vue中非父子组件的传值bus的使用
非父子之间的组件传值，可以使用vuex。简单的状态管理，也可以用vue bus vue bus可以实现不同组件间、不同页面间的通信，比如我在A页面出发点击事件，要B页面发生变化，使用方法如下： 全局定义：main.js window.eventBus = new Vue ...