vue父组件给子组件传函数参数

在 Vue 中，父组件可以通过 props 将函数传递给子组件。以下是一个简单的示例：

<template>
  <div>
    <ChildComponent :myFunction="myFunction" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    myFunction() {
      // 在父组件中定义的函数
      console.log('Hello from parent component!');
    }
  }
}
</script>

在上面的示例中，父组件通过 `myFunction` 将自己的方法传递给子组件 `ChildComponent`。子组件可以通过 `props` 接收该函数，并在需要的时候调用它。

<template>
  <div>
    <button @click="callParentFunction">Call Parent Function</button>
  </div>
</template>

<script>
export default {
  props: {
    myFunction: {
      type: Function,
      required: true
    }
  },
  methods: {
    callParentFunction() {
      // 在子组件中调用父组件传递的函数
      this.myFunction();
    }
  }
}
</script>

在子组件中，我们通过 `props` 接收了父组件传递的 `myFunction` 函数，并在按钮的点击事件中调用了该函数。

这样，当点击子组件中的按钮时，就会调用父组件中的函数。你可以根据自己的需求，在父组件和子组件之间传递不同的函数参数。