Vue中如何实现不同层级兄弟组件间的数据传递？

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

目录 + 解决兄弟组件之间传值问题 + bus 可以通过两种方式来实现 + 各类组件间传值方法（父子、兄弟、级别） + 父子关系组件 + 兄弟关系组件 + 级别关系组件 + 解决兄弟组件之间传值问题 + Vue中 + 父组件

目录

• 解决兄弟组件之间传值问题
• bus可以通过两种方式来实现
• 各类组件间传值方法(父子、兄弟、页级)
• 父子关系组件
• 兄弟关系组件
• 页级关系组件

解决兄弟组件之间传值问题

vue中 父组件向子组件传递参数时，可以通过prop来传递参数，prop可以是数组形式，也可以是对象格式，子向父组件传递参数时，通过$emit来传递，$emit（'方法名', 传参），来实现子组件和父组件数据交互，但是在父组件中，有好多个子组件，这些子组件怎么样来进行数据通讯呢？

有的同学会立马想到 vuex ，答案是：可以的，但是会不会大材小用？在项目中，只是个别组件需要用到通讯，我们是不会优先考虑vuex来解决的。