Vue中兄弟组件传值有哪两种方式？

本文共计595个文字，预计阅读时间需要3分钟。

目录一. bus总线传值的用途二. 使用常见的传值：子传父，父传子总结本demo主要为了演示vue项目中兄弟组件之间的传值，这里演示了两种方式：a. bus总线传值；b. 我自己一般传值；

目录

• 一. bus总线传值的使用
• 二. 使用常规的传值：(子传父，父再传子)
• 总结

本demo主要是为了演示vue项目中兄弟组件之间的传值，这里我演示了两种方式：

• a. bus总线传值；
• b. 我自己一般把它当成常规的传值(其实也就是子组件A传父组件，父组件再传子组 件B)

下边开始本次demo的编写：

一. bus总线传值的使用

在项目中创建一个单独的eventBus.js文件

该js文件的内容很简单，就是暴露一个vue实例而已。

有人喜欢在main.js全局引入该js文件，我一般在需要使用到组件中引入。