Vue父组件调用子组件的方法并传参

在Vue中，父组件可以通过`ref`属性来引用子组件实例，并调用子组件的方法并传递参数。下面是一个示例：

<template>
  <div>
    <ChildComponent ref="childRef"></ChildComponent>
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      // 通过$refs获取子组件实例，并调用子组件的方法
      this.$refs.childRef.childMethod('Hello, Child!');
    }
  }
}
</script>

上面的代码中，父组件通过`ref`属性给子组件指定一个引用名字，然后可以通过`this.$refs`来访问子组件实例。在父组件的`callChildMethod`方法中，可以通过`this.$refs.childRef`获取到子组件实例，然后调用子组件的`childMethod`方法，并传递参数。

在子组件中，需要定义`childMethod`方法来接收父组件传递的参数：

<template>
  <div>
    <!-- 子组件内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    childMethod(message) {
      console.log(message);
      // 执行子组件的逻辑
    }
  }
}
</script>

这样，当点击父组件中的按钮时，就会触发父组件的`callChildMethod`方法，调用子组件的`childMethod`方法，并将参数传递给子组件进行处理。