vue如何调用子组件的方法

在Vue中，可以通过使用`ref`属性来访问子组件的实例，从而调用子组件的方法。

首先，在父组件中给子组件添加一个`ref`属性。例如，如果子组件的标签是`<ChildComponent>`，可以这样命名一个`ref`属性：`<ChildComponent ref="child"></ChildComponent>`。

然后，在父组件的方法中，通过访问`this.$refs.child`可以获取到子组件的实例。你可以调用该实例上的任何方法。例如，如果子组件有一个名为`childMethod`的方法，可以通过以下方式调用它：`this.$refs.child.childMethod()`。

下面是一个简单的示例：

<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>

希望能帮到你！如果还有其他问题，请随时提问。