vue种父组件调用子组件方法

在Vue中，父组件可以通过`ref`属性引用子组件的实例，然后通过该实例调用子组件的方法。以下是一个示例：

<template>
  <div>
    <ChildComponent ref="childRef"></ChildComponent>
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.childRef.childMethod();
    }
  }
}
</script>

在上述代码中，父组件中使用`ref`属性将子组件实例绑定到`childRef`引用上。然后，在父组件的`callChildMethod`方法中，可以通过`this.$refs.childRef`来访问子组件实例，并调用子组件的方法`childMethod()`。

需要注意的是，当父组件中的DOM更新时，子组件的实例可能会被销毁并重新创建。因此，在使用`ref`引用子组件时，需要确保在合适的时机进行调用。