不同组件之间怎么通信，A组件发信号触发B组件的方法

在Vue.js中，组件之间的通信主要有三种常见的方式：

1. **props**（属性传递）：A组件可以将数据作为属性传递给B组件，这是最直接的方法，当A组件的数据变化时，B组件会自动更新。例如，在A组件触发事件改变状态后，通过`$emit`发送到父组件再传给B组件：

// A组件
methods: {
  sendDataToB() {
    this.$emit('data-change', 'new-data');
  }
}

// B组件（接收数据）
<template>
  <button @click="handleData">点击接收数据</button>
</template>

<script>
export default {
  methods: {
    handleData(data) {
      console.log('接收到的数据:', data);
    }
  },
  props: {
    data: String // 接收prop
  }
};
</script>

2. **事件总线（Event Bus）**：使用一个独立的事件中心来监听和发布事件，所有组件都可以订阅这个事件中心。例如，可以使用Vuex的store（如果用于状态管理）、自定义的Bus或第三方库如vue-event-bus：

// 定义事件中心（bus.js）
const bus = new Vue();

// A组件触发事件
this.$bus.$emit('sendData', 'new-data');

// B组件监听事件
mounted() {
  bus.$on('sendData', data => {
    this.dataFromA = data;
  });
}

3. **父子组件间的通讯**：对于有父子关系的组件，可以直接使用`parent.$refs.child`来调用子组件的方法，或者使用v-on="$listeners"接收子组件的所有事件。

选择哪种方式取决于具体的场景，如果你只需要单向数据流动，`props`简单易用；如果是复杂的跨层级通信，事件总线或者深度嵌套组件间，事件总线更合适。