Skip to content

前言

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

实例

js
import { defineComponent, PropType } from 'vue';

interface TodoItem {
  text: string
  done: boolean
}

export default defineComponent({
	name: 'text',
  props:{
  	title: {
    	type: [Number | String] as PropType<number | string>,
      default: ''
    },
    obj: {
    	type: Object as PropType<TodoItem>,
      default: {
    		text: '',
      	done: ''
    	}
    }
  }
})