vue2 一个组件调用另一个组件方法

在 Vue.js 2 中，一个组件要调用另一个组件的方法，可以使用以下几种方式：

1. **props和事件**（父子组件通信）：
- 父组件通过`props`传递一个函数给子组件，子组件接收到这个函数后可以调用它。

   // 父组件
   <child-component :callMe="parentFunction" />
   
   // 子组件
   methods: {
     parentFunctionHandler() {
       this.$emit('called', 'from child'); // 发送自定义事件
     }
   }
   // 父组件内部处理接收到的事件
   created() {
     this.childComponentInstance.parentFunction = this.parentFunction;
   }

2. **自定义事件（Event Emitter）**：
   使用Vue的内置事件系统 `$emit` 和 `$on` 来触发和监听事件。

// 触发者组件
<button @click="childComponentMethod">调用子组件方法</button>

// 被调用组件
methods: {
childComponentMethod() {
this.$emit('custom-event', 'data');
}
}

3. **Vuex** (状态管理库)：
如果需要在多个组件之间共享数据并触发方法，可以使用 Vuex。父组件作为 action 的调用者，将操作委托给 store。

4. **单文件组件（SFC）内的通信**：
同在一个 SFC 内，可以直接访问其他部分的函数，如 `methods` 或 `data` 对象。

记住，组件间的通讯应该尽量保持轻量级和解耦，避免深度嵌套或过于复杂的依赖关系。