vue3 props

在 Vue3 中，使用 `props` 属性来声明组件的属性。`props` 对象的键为属性名，值为属性的类型、默认值、验证规则等配置。示例代码如下:

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

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

上面的代码中，我们声明了一个 `message` 属性，它的类型为 `String`，默认值为 `'Hello, World!'`，并且是必需的。在组件中可以使用 `this.message` 来获取属性的值。当 `message` 属性的值不符合类型或验证规则时，Vue3 会发出警告。