vue中父组件如何调用子组件方法

在Vue中，父组件可以通过`$refs`属性获取子组件的实例，然后调用子组件的方法。具体步骤如下：

1. 在子组件中定义一个方法，例如：

<template>
  <div>
    <!-- 子组件的模板 -->
  </div>
</template>

<script>
export default {
  methods: {
    childMethod() {
      // 子组件的方法
    }
  }
}
</script>

2. 在父组件中创建子组件的引用，例如：

<template>
  <div>
    <child-component ref="childRef"></child-component>
    <!-- ... -->
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'

export default {
  components: {
    ChildComponent
  },
  // ...
}
</script>

3. 在父组件中通过引用调用子组件的方法，例如：

this.$refs.childRef.childMethod();

这样，父组件就可以调用子组件的方法了。需要注意的是，只有在子组件渲染完成之后，才能通过`$refs`获取子组件的实例。