如何从父组件调用非特定子组件中的方法

// 子组件 ChildComponent.vue
<template>
  <button @click="callChildMethod">调用子组件方法</button>
</template>

<script>
export default {
  methods: {
    callChildMethod() {
      // 子组件中需要被调用的方法
      console.log("子组件方法被调用");
    }
  }
}
</script>

// 父组件 ParentComponent.vue
<template>
  <div>
    <ChildComponent ref="childComponent"></ChildComponent>
    <button @click="callChildComponentMethod">调用子组件方法</button>
  </div>
</template>

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

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