Uniapp Vue3 父组件给子组件传值

父组件代码：

<template>
  <div>
    <child-component :message="parentMessage"></child-component>
  </div>
</template>

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

const parentMessage = '来自父组件的数据';
</script>

子组件代码：

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

<script setup>
import { ref } from 'vue';

const message = ref('');

provide('message',message);
</script>