从父元素单击时，是否调用导入的子组件中的函数？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  handleClick() {
    // 在父组件中定义的函数
    console.log('父组件的函数被调用');
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>点击按钮</button>
        <ChildComponent handleClick={this.handleClick} />
      </div>
    );
  }
}

export default ParentComponent;

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <button onClick={this.props.handleClick}>调用父组件的函数</button>
      </div>
    );
  }
}

export default ChildComponent;

<!-- 父组件 -->
<template>
  <div>
    <button @click="handleClick">点击按钮</button>
    <ChildComponent @childClick="handleClick" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleClick() {
      // 在父组件中定义的函数
      console.log('父组件的函数被调用');
    }
  }
};
</script>

<!-- 子组件 -->
<template>
  <div>
    <button @click="$emit('childClick')">调用父组件的函数</button>
  </div>
</template>

<script>
export default {
  // 子组件中不需要定义任何函数
};
</script>