如何在Vue组件数据绑定中使用外部函数？

// 父组件
<template>
  <div>
    <child-component :handleClick="handleClick"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleClick() {
      // 外部函数的逻辑处理
      // ...
    }
  }
}
</script>

// 子组件
<template>
  <button @click="handleClick">Click me</button>
</template>

<script>
export default {
  props: ['handleClick']
}
</script>

// 子组件
<template>
  <button @click="handleClick">Click me</button>
</template>

<script>
export default {
  props: ['handleClick'],
  methods: {
    handleClick() {
      this.handleClick(); // 调用外部函数
    }
  }
}
</script>