vue3 父组件给子组件传值传一个方法 props子组件里面的props怎么写

父组件给子组件传值可以通过props属性实现，在子组件中可以通过props来接收父组件传过来的值。

如果需要传递一个方法，可以在父组件中定义该方法，然后将该方法作为props属性传递给子组件。在子组件中，可以通过props来接收该方法，并在需要调用该方法的地方调用它。

父组件中传递方法的示例代码如下：

<template>
  <child-component :on-click="handleClick"></child-component>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('clicked');
    }
  }
}
</script>

在上面的代码中，父组件中定义了一个方法handleClick，并将该方法作为props属性传递给了子组件。子组件中接收该方法的代码如下：

<template>
  <button @click="onClick">Click Me</button>
</template>

<script>
export default {
  props: {
    onClick: {
      type: Function,
      required: true
    }
  },
  methods: {
    onClick() {
      this.onClick();
    }
  }
}
</script>

在上面的代码中，子组件中定义了一个props属性onClick，用来接收父组件传递过来的handleClick方法。在子组件中，通过onClick方法来调用handleClick方法，从而实现了父组件向子组件传递方法的功能。