vue 父组件调用子组件的方法

在Vue中，父组件可以通过`ref`属性引用子组件，从而调用子组件的方法。下面是一个示例代码：

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

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.child.childMethod();
    }
  }
}
</script>

在父组件中，我们通过`import`引入了子组件，并在`components`属性中声明了它。在模板中，我们使用了`ref`属性给子组件取了一个名字叫做`child`。在调用子组件方法的按钮点击事件处理函数中，我们使用`this.$refs.child`来访问到子组件的实例，并调用了其名为`childMethod`的方法。

需要注意的是，只有在子组件被渲染出来之后，父组件才能访问到它的实例。因此，在调用`this.$refs.child`之前，我们需要确保子组件已经被渲染。另外，如果有多个同类型的子组件，我们可以使用一个数组来存储它们的引用，如`this.$refs.childs`，其中`childs`是一个数组。