vue3+ts 中如何给defineProps 的属性设置类型和默认值

在 Vue3 中，可以通过 `defineProps` 函数定义组件的属性。在 TypeScript 中，可以使用接口来定义属性的类型，同时可以通过 `default` 属性设置默认值。

下面是一个示例：

interface Props {
  name: string;
  age: number;
  isMale: boolean;
}

const MyComponent = defineComponent({
  props: {
    name: {
      type: String,
      default: 'Tom' // 默认值为 'Tom'
    },
    age: {
      type: Number,
      default: 18 // 默认值为 18
    },
    isMale: {
      type: Boolean,
      default: true // 默认值为 true
    }
  },
  setup(props: Props) {
    // ...
  }
});

在上面的例子中，我们使用了 `interface` 来定义 `Props` 类型，然后在 `props` 中使用了 `type` 属性来指定属性的类型，并使用 `default` 属性来设置默认值。在 `setup` 函数中，我们可以通过 `props` 参数来访问组件的属性，并且会自动进行类型检查。