vue中如何使用eventbus实现组件间传值

这篇“vue中如何使用eventbus实现组件间传值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue中如何使用eventbus实现组件间传值”文章吧。

成都创新互联主要从事成都做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务辽阳县,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

受用eventbus的方法很是简单,我们需要做三步事情,第一步,我们需要创造一个容器去充当我们的eventbus

第二步,我们需要去抛出,或者说提交我们的事件

第三步,我们去监听我们的那个事件(也许这才是第二部)

首先,我们需要在全局定义我们的eventbus

vue中如何使用eventbus实现组件间传值

这里我们定义到了eventbus。这就简单的完成了我们的第一步,当然,全局变量,我想你应该知道定义在哪儿的

接着我们先去抛出这个事件,使用¥。emit去“提交”

vue中如何使用eventbus实现组件间传值

怎样,这点都可以理解吧,其次我们经行第三步,去监听

vue中如何使用eventbus实现组件间传值

当然。这里已经监听好的。点击事件俺只是个累赘,

接下来我们就要去界面中使用它们了

首先,倒入我们所需要的文件:

vue中如何使用eventbus实现组件间传值

这里我使用的是谈transimissionone还有transimissiontwo两个文件‘

接着是定义

vue中如何使用eventbus实现组件间传值

其次是使用

vue中如何使用eventbus实现组件间传值

最后运行我们的项目,查看下效果

vue中如何使用eventbus实现组件间传值

这边主要是交大家使用,所以代码就俘虏在下面,主要是四个文件

transimissionone。vue(发送事件的文件)

 
 
 
 

其次是transimissiontwo(监听者)

 
 
 

接着是我们的中枢。app。vue中使用

 
 
 
 

请无视掉没用的代码。接着就是定义eventbus了

window.eventBus = new Vue();

以上就是关于“vue中如何使用eventbus实现组件间传值”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


本文标题:vue中如何使用eventbus实现组件间传值
本文地址:http://hbruida.cn/article/gjieog.html