前言

当我们在编写一个组件时,使用vue3+ts时对复杂类型进行验证时,我们可以使用PropType

实例

  1. import { defineComponent, PropType } from 'vue';
  2. interface TodoItem {
  3. text: string
  4. done: boolean
  5. }
  6. export default defineComponent({
  7. name: 'text',
  8. props:{
  9. title: {
  10. type: [Number | String] as PropType<number | string>,
  11. default: ''
  12. },
  13. obj: {
  14. type: Object as PropType<TodoItem>,
  15. default: {
  16. text: '',
  17. done: ''
  18. }
  19. }
  20. }
  21. })