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

在Vue中，父组件可以通过`ref`属性来引用子组件，并直接调用子组件的方法。

首先，在子组件的标签上添加`ref`属性，例如：

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

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

然后，在父组件中使用`$refs`来引用子组件，并调用子组件的方法。

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

<script>
export default {
  mounted() {
    this.$refs.childRef.childMethod(); // 调用子组件的方法
  }
}
</script>

注意：调用子组件方法的逻辑应该在父组件的生命周期钩子函数中进行（如`mounted()`）或者在父组件的某个方法中触发。