vue中父组件给子组件传方法

在Vue.js中，父组件给子组件传递方法通常通过props属性来实现。你可以将一个函数作为值直接传递，或者将函数名作为一个字符串，并在子组件内部通过`methods`选项来定义这个方法。以下是两种常见的做法：

1. 直接传递方法：

// 父组件
<template>
  <child-component :myMethod="customFunction" />
</template>

<script>
export default {
  methods: {
    customFunction() {
      // 这里是你的方法内容
    }
  }
}
</script>

2. 通过方法名传递并在子组件内定义：

// 父组件
<template>
  <child-component :methodName="'customFunction'" />
</template>

<script>
export default {
  methods: {
    customFunction() {
      // 这里是你的方法内容
    }
  }
}
</script>

// 子组件 (ChildComponent.vue)
<script setup>
import { onMounted } from 'vue';
const { methodName } = defineProp('methodName', String);

onMounted(() => {
  this[methodName] = (...args) => {
    // 在这里调用父组件传来的自定义方法
  };
});
</script>