vue3 PropType

在 Vue 3 中，`PropType` 已经被移除，取而代之的是使用 TypeScript 进行类型检查。Vue 3 强烈推荐使用 TypeScript 来定义组件的 props 类型。

在使用 TypeScript 的情况下，你可以通过给组件的 props 属性添加类型注解来定义 props 的类型。以下是一个示例：

import { defineComponent } from 'vue';

interface MyComponentProps {
  name: string;
  age: number;
}

export default defineComponent({
  props: {
    name: {
      type: String,
      required: true,
    },
    age: {
      type: Number,
      required: true,
    },
  },
  setup(props: MyComponentProps) {
    // 在 setup 函数中可以使用 props 参数来访问传入的 props
    // props.name 和 props.age 的类型已经被 TypeScript 推断为 string 和 number
    // 在此可以对 props 进行操作和使用
  },
});

在这个示例中，`MyComponentProps` 是一个接口，用于定义组件的 props 类型。`props` 属性是一个对象，每个属性都对应一个 prop，其中 `type` 指定了 prop 的类型，`required` 指定了这个 prop 是否是必需的。

通过这种方式，你可以在 Vue 3 中进行类型检查并获得更好的开发体验。