vue中emitter

在Vue.js中，"emitter"是一个用于组件间通信的概念。在Vue.js 1.x版本中，提供了两个方法：$dispatch和$broadcast。其中，$dispatch用于向上级派发事件，只要是它的父级（一级或多级以上），都可以在组件内通过$on监听到；而$broadcast则相反，是由上级向下级广播事件的。然而，在Vue.js 2.x版本中，$dispatch和$broadcast已经被废弃。

对于组件间的通信，Vue.js推荐使用provide和inject这对API。在父组件中，可以通过provide方法提供数据给子组件；而在子组件中，可以通过inject数组来声明需要注入的父组件实例。具体使用方法如下：

在父组件中：

provide() {
  return {
    parent: this,
  };
},

在子组件中：

inject: ['parent'],

这样，在子组件中就可以通过this.parent来访问父组件的实例。

另外，在Vue.js中，还可以使用$emit方法来触发自定义事件。$emit会在当前组件实例上触发自定义事件，并传递一些参数给监听器的回调函数。一般来说，我们会在父级组件中使用@on的方式来监听子组件触发的自定义事件。

例如，在子组件中触发事件：

// child.vue
export default {
  methods: {
    handleEmitEvent() {
      this.$emit('test', 'Hello Vue.js');
    }
  }
}

在父组件中监听事件：

<child-component @test="handleTest"></child-component>

以上是在Vue.js中使用emitter进行组件通信的基本方法。通过provide和inject提供数据和注入实例，以及使用$emit触发自定义事件，可以实现组件间的消息传递和通信。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>