vue props传函数

在Vue中，你可以通过props属性传递函数给子组件。以下是一个示例：

父组件：

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

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    myFunction() {
      // 在这里定义你的函数逻辑
      console.log('我是父组件的函数');
    }
  }
};
</script>

子组件：

<template>
  <div>
    <button @click="customFunction">点击触发父组件函数</button>
  </div>
</template>

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

在父组件中，我们将父组件中的`myFunction`函数传递给子组件的`customFunction`属性。子组件中，我们通过`@click`事件监听按钮点击，并通过`this.customFunction()`调用父组件传递的函数。

这样，当点击子组件中的按钮时，将会触发父组件中的函数。