vue3.2在ts下如何让props有默认值

在 Vue 3 中使用 TypeScript，可以通过以下方式为 props 设置默认值：

1. 首先在 Vue 组件中定义 props：

import { defineComponent, PropType } from 'vue'

export default defineComponent({
  name: 'MyComponent',
  props: {
    message: {
      type: String as PropType<string>,
      default: 'Hello world!'
    }
  },
  // ...
})

2. 直接在 props 的类型定义中设置默认值：

import { defineComponent, PropType } from 'vue'

export default defineComponent({
  name: 'MyComponent',
  props: {
    message: {
      type: String as PropType<string>,
      default: 'Hello world!'
    }
  },
  // ...
})

注意：需要使用 `PropType` 来定义 props 的类型，将默认值直接设置在 props 的类型定义中即可。这种方式不需要转换默认值的类型，也更加简洁明了。