vm.$on and vm.$emit(兄弟组件的通信)

兄弟通信

官方文档说明

有时候,非父子关系的两个组件之间也需要通信。在简单的场景下,可以使用一个空的 Vue 实例作为事件总线:

vm.$on and vm.$emit(兄弟组件的通信)_第1张图片
官方api.png

演示代码

使用一个空的 Vue 实例作为事件总线

  // main.js
  export var bus = new Vue()
  //

A组件






C组件





王叔:使用一个空的 Vue 实例作为事件总线的痛点的进一步优化方法

其它方法:this.root.emit; this.root.off; this.root.on;

你可能感兴趣的:(vm.$on and vm.$emit(兄弟组件的通信))