vue3 props加上ts类型

当使用 TypeScript 编写 Vue3 组件时，可以通过以下方式为 props 添加类型：

import { defineComponent, PropType } from 'vue';

export default defineComponent({
  props: {
    // 字符串类型的 props
    name: {
      type: String,
      required: true,
    },
    // 数字类型的 props
    age: {
      type: Number,
      required: true,
    },
    // 枚举类型的 props
    gender: {
      type: String as PropType<'male' | 'female'>,
      required: true,
    },
    // 布尔类型的 props
    isStudent: {
      type: Boolean,
      required: false,
      default: false,
    },
  },
});

在这个例子中，我们使用了 PropType 泛型来为枚举类型的 props 指定类型。在其他情况下，我们可以直接使用 TypeScript 的类型来为 props 指定类型。记得要添加 required 和 default 属性，以及设置默认值。