vue 组件之间使用eventbus传值

 时间:2024-10-14 21:32:54

1、首先需要在全局定义eventbus

vue 组件之间使用eventbus传值

2、定义到了eventbus。这就简单的完成了第一步,当然,全局变量。接着先去抛出这个事件,使用¥。emit去“提交”

vue 组件之间使用eventbus传值

3、其次经行第三步,去监听

vue 组件之间使用eventbus传值

4、这里已经监听好的。点击事件接下来要去界面中使用它们了首先,倒入需要的文件:

vue 组件之间使用eventbus传值

5、使用的是ransimissionone还有transimissiontwo两个文件接着是定义

vue 组件之间使用eventbus传值

6、其次是使用

vue 组件之间使用eventbus传值

7、最后运行项目,查看下效果。

vue 组件之间使用eventbus传值

8、这边主要是交大家使用,所以代码就俘虏在下面,主要是四个文件transimissionone。vue(发送事件的文件)

vue 组件之间使用eventbus传值

9、其次是transimissiontwo(监听者)

vue 组件之间使用eventbus传值

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

vue 组件之间使用eventbus传值vue 组件之间使用eventbus传值vue 组件之间使用eventbus传值

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

vue 组件之间使用eventbus传值
  • 跨越星弧怎么登陆目标星球
  • 怎么把百度经验二星变三星
  • 芒果西米露的做法介绍
  • dnf来历不明的箱子怎么开
  • 热门搜索
    预防火灾手抄报 传染病手抄报内容 向国旗敬礼手抄报图片 地震知识手抄报 呵护心灵手抄报内容 守法手抄报 我爱爸爸妈妈手抄报 三节三爱手抄报内容 我爱我家手抄报内容 关于俄罗斯的手抄报