vue3父组件组合式函数传递过来的值，子组件如何直接使用

在Vue3中，可以使用组合式API来组织组件，父组件通过setup函数传递数据给子组件。在子组件中，可以使用`props`来声明接收父组件传递的数据。

具体步骤如下：

1. 父组件中传递数据给子组件，可以通过在父组件的`template`中使用子组件，并在子组件标签上通过属性绑定的方式传递数据，如下所示：

<template>
  <ChildComponent :message="parentMessage" />
</template>

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

export default {
  components: { ChildComponent },
  data() {
    return {
      parentMessage: 'Hello from parent component!'
    }
  }
}
</script>

2. 子组件中声明`props`接收父组件传递的数据，如下所示：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  }
}
</script>

在上面的例子中，子组件声明了一个`message`的`props`，并指定了它的类型为`String`，并且设置了`required`为`true`，表示`message`是必须的。

这样，在父组件中通过`:message`的方式把`parentMessage`传递给了子组件，在子组件中，就可以直接使用`message`这个`props`来访问父组件传递过来的数据了。