Vue自定义组件父组件使用子组件的方法

要在Vue的父组件中使用子组件的方法，你需要将子组件注册为父组件的局部组件。下面是一个示例：

首先，在父组件的Vue文件中，使用`import`语句引入子组件：

import ChildComponent from './ChildComponent.vue';

然后，在父组件的`components`选项中注册子组件：

export default {
  components: {
    ChildComponent
  },
  // ...
}

现在，你可以在父组件的模板中使用子组件并调用其方法。假设子组件有一个名为`childMethod`的方法，你可以使用以下方式调用它：

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

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

在上述示例中，我们使用了`ref`属性给子组件添加了一个引用名称，然后在父组件的方法中使用`this.$refs.child`来获取到子组件实例，从而调用其方法。

请注意，使用`$refs`访问子组件是一种直接的方法，但也可以通过其他方式进行通信，例如通过props属性传递数据或使用事件进行父子组件之间的通信。