本文主要介绍了vue 组件之间使用eventbus传值。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
对于前端的我们而言，并非是只有写界面才是最大的问题，很多的情况下，我们需要关注的是数据，比如js页面的数据传递等等，学习vue我们也是需要知道怎么去使用数据
当然，使用存储也是可以得，但是并非一定要缓存，当然在vue中有推荐了我们去使用vuex去数据交互，Vuex会让你的Vue代码足够灵活可控，把数据统一存入state, 只允许通过Actions触发Mutations修改。然而，有时候我们的项目并没有复杂到需要用上Vuex。，（我们也不讨论已经废除的vm.$dispatch）很多情况下我们都是需要一个事件的捕获，这时候我们就可以用到vue的eventbus了
受用eventbus的方法很是简单，我们需要做三步事情，第一步，我们需要创造一个容器去充当我们的eventbus
第二步，我们需要去抛出，或者说提交我们的事件
立即学习“前端免费学习笔记（深入）”；
第三步，我们去监听我们的那个事件（也许这才是第二部）
首先，我们需要在全局定义我们的eventbus
这里我们定义到了eventbus。这就简单的完成了我们的第一步，当然，全局变量，我想你应该知道定义在哪儿的
接着我们先去抛出这个事件，使用￥。emit去“提交”
怎样，这点都可以理解吧，其次我们经行第三步，去监听
当然。这里已经监听好的。点击事件俺只是个累赘，
接下来我们就要去界面中使用它们了
首先，倒入我们所需要的文件：
这里我使用的是谈transimissionone还有transimissiontwo两个文件‘
接着是定义
本文档主要讲述的是Android_Intent详解；Intent 是一个将要执行的动作的抽象的描述，一般来说是作为参数来使用，由Intent来协助完成android各个组件之间的通讯。比如说调用startActivity()来启动一个activity,或者由broadcaseIntent()来传递给所有感兴趣的BroadcaseReceiver, 再或者由startService()/bindservice()来启动一个后台的service.所以可以看出来，intent主要是用来启动其他的activity
其次是使用
最后运行我们的项目，查看下效果
这边主要是交大家使用，所以代码就俘虏在下面，主要是四个文件
transimissionone。vue（发送事件的文件）
其次是transimissiontwo（监听者）
接着是我们的中枢。app。vue中使用
foo页面 header页面 hello页面
请无视掉没用的代码。接着就是定义eventbus了
window.eventBus = new Vue();
就这样，很是简单，当然，对于级别的可以使用prop，下回再讲。
相关推荐：
