vue 组件之间使用eventbus传值

2025-06-07 16:22:43

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传值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢