defineProps 参数指定多个类型

`defineProps`是Vue3中的一个特性，它允许你在组件的props（属性）上定义默认值以及类型。当你在`.vue`文件的`<script setup>`部分使用`defineProps`时，你可以像这样声明一个接受多种类型参数的prop：

<script setup>
import { defineProps } from 'vue'

const props = defineProps({
  name: {
    type: String, // 字符串类型
  },
  age: {
    type: Number, // 数字类型
  },
  isOnline: {
    type: Boolean, // 布尔类型
  },
  // 如果你想接受数组，可以这么写
  hobbies: {
    type: Array,
    items: {
      type: String
    }
  }
})
</script>

在这个例子中，`name`、`age`和`isOnline`都是单个类型的prop，而`hobbies`是一个数组，其每个元素都应该是字符串类型。当在父组件中传入这些prop时，Vue会检查它们是否匹配所定义的类型。