vue3中props的使用

在Vue3中，我们可以通过在组件中使用props来接收父组件传递的数据。具体使用方法如下：

1. 在组件中定义props属性，可以是一个数组或对象，用于声明需要接收的属性及其类型、默认值等信息。

2. 在父组件中使用该组件时，通过在组件标签上添加属性并赋值来传递数据。

下面是一个简单的示例：

<!-- 子组件 -->
<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: 'Hello World'
    }
  }
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <child-component :message="parentMessage" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello Vue3'
    }
  }
}
</script>

在上面的示例中，子组件通过props属性声明了一个名为message的属性，并指定了它的类型为String，以及默认值为'Hello World'。在父组件中，我们通过在子组件标签上添加:message属性并赋值来传递数据。