Vue组件通信

父子、兄弟组件间传值方式

父组件传数据给子组件

父组件向下传递属性给子组件,子组件通过props接收并绑定该属性
父传子]

子组件发事件给爸爸

子组件通过$emit向上发出事件,爸爸监听该事件并定义相关方法
子发事件]

兄弟间组件传值

1、创建一个事件总线,demo中的eventBus作为通信桥梁
2、在需要传值的组件中用bus.$emit(‘xxx’)触发一个自定义事件,并传递参数
3、在需要接收数据的组件中用bus.$on(‘xxx’, xxx-data => {})监听自定义事件,并在回调函数中处理传递过来的参数

完成下面需求:做一个点击事件,点击组件a的click,组件b中得到a的信息,即同级元素之间互相传值
兄弟间传值]

0%