Vue 父子组件和兄弟组件通信

组件通信总结

父传子：props: [args]
子传父：this.$emit(event, args)
兄传弟：vm.$on(event, function (data) {}

Foo.vue 父组件

Bar.vue 子组件（兄）

Baz.vue 子组件（弟）

EventHandler.js 用于兄弟组件之间传递事件

import Vue from 'Vue'
export default new Vue()

image.png

点击按钮后通信

谢谢阅读，有帮助的点个❤！