uniapp,vue3版本，使用props

uniApp是一款基于Vue.js生态的多端开发框架，它支持Vue3版本。在Vue3中，`props`（short for "properties"）是一种父子组件之间的数据传递机制。当你在父组件中声明了一个prop，你可以将其作为值传递给子组件。这是单向数据流的一部分，意味着数据从父组件流向子组件，而子组件不能直接修改父组件的数据。

使用`props`的步骤大致如下：

1. **父组件定义**：
父组件需要通过`props`属性来指定哪些属性可以由子组件接收。例如：

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

或者简写形式：

   <child-component v-bind:message="parentMessage"></child-component>

2. **子组件使用**：
子组件在`script`部分中通过`props`选项声明接受的属性，并可以在组件内部访问这些属性。

   // ChildComponent.vue
   export default {
     props: {
       message: {
         type: String, // 数据类型，默认是String，也可以设为Number、Object等
         required: true, // 是否必填
         default: 'Hello from parent', // 默认值
       }
     },
     // ...
   }