vue调用兄弟组件里面的子组件方法

在Vue.js中，如果你想要从一个组件（哥哥组件）调用另一个组件（弟弟组件）里的子组件方法，你可以通过事件系统或者 prop（属性）来实现。

1. **事件触发**:
- 使用`v-on`监听子组件的自定义事件，然后在哥哥组件里触发这个事件并传递需要的方法名作为参数。例如：

     <弟弟组件 @childMethod="callChildMethod"></弟弟组件>

- 在子组件里定义触发的事件：

     methods: {
         doSomething() {
             this.$emit('childMethod', 'your-method-name');
         }
     }

- 在哥哥组件里处理接收到的方法名：

     methods: {
         callChildMethod(name) {
             this.$refs['child-component'].methods[name]();
         }
     }

2. **props传播**:
- 如果你想在子组件上调用的方法只对特定的哥哥组件有用，可以将方法作为prop传递给子组件，并在哥哥组件实例化时提供它：

     // 子组件
     props: ['childMethod'],
     
     // 哥哥组件
     data() {
         return {
            childMethodToPass: 'myMethod'
         };
     },
     components: {
         ChildComponent: {
             props: ['method']
         }
     }

然后在子组件内直接调用：

     <弟弟组件 :method="childMethodToPass"></弟弟组件>