vue 父组件如何触发子组件的方法

在 Vue 中，父组件可以通过使用 `ref` 来获取子组件的实例，并调用子组件的方法。下面是一个示例：

<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="triggerChildMethod">触发子组件方法</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    triggerChildMethod() {
      this.$refs.child.childMethod(); // 调用子组件的方法
    }
  }
}
</script>

在上述示例中，父组件通过 `ref` 属性获取了子组件的实例，并将其命名为 `child`。然后，在父组件的方法 `triggerChildMethod` 中，通过 `this.$refs.child` 访问子组件实例，并调用子组件的方法 `childMethod()`。

需要注意的是，为了能够成功触发子组件的方法，子组件必须提供一个对应的方法。在子组件的代码中，可以定义一个名为 `childMethod` 的方法，并在需要的时候执行相应的逻辑。