vue的defineProps用法

在 Vue 3 中，使用 defineProps 函数来定义组件的 props。defineProps 函数接收一个对象作为参数，对象的属性即为组件的 props，其属性值为对象，用于指定 props 的类型、默认值、是否必传等信息。

例如，在组件中定义一个名为 message 的 prop，类型为 String，可以传入默认值为 'Hello, Vue!'，并且是必传的，可以使用如下代码：

import { defineComponent, defineProps } from 'vue'

const Props = defineProps({
  message: {
    type: String,
    default: 'Hello, Vue!',
    required: true
  }
})

export default defineComponent({
  props: Props,
  // ...
})

这样，在使用该组件时，可以通过以下方式向组件传递 props：

<template>
  <MyComponent message="Hello, World!" />
</template>

如果不传递 message 属性，或者传递的值不是字符串类型，将会在控制台输出警告信息。