vue中,父组件使用子组件方法

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

例如，假设子组件的名称为 `ChildComponent`，子组件中有一个名为 `childMethod` 的方法，父组件可以在模板中通过 `ref` 属性来获取子组件实例，并在 JavaScript 中调用子组件的方法，代码如下：

<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      // 获取子组件实例
      const child = this.$refs.child;
      // 调用子组件方法
      child.childMethod();
    }
  }
};
</script>

在上面的代码中，父组件通过 `ref="child"` 属性获取了子组件的实例，在 `callChildMethod` 方法中可以通过 `this.$refs.child` 来获取子组件实例，并调用子组件的 `childMethod` 方法。