vue3 defineProps类型的问题？

Question

import { TCartType } from '@src/types/basic'

const props = defineProps({
  data: {
    type: Object,
    default: () => {},
  },
})

这个data的类型怎么能用引入的TCartType呢？

Answer 1

import { TCartType } from '@src/types/basic'
import { PropType } from 'vue'

const props = defineProps({
  data: {
    type: Object as PropType<TCartType>,
    default: () => {},
  },
})

Answer 2

interface Props {
    data?: TCartType
}

const props = withDefaults(defineProps<Props>(), {
    data: {
        tip: '默认值'
    }
})

Answer 3

import { TCartType } from '@src/types/basic'

const props = withDefaults(defineProps<TCartType>(), { data: '123' })

或者
const props = withDefaults(defineProps<{data?:string}>(), { data: '123' })
如果不要默认值 那就是必传的写法
const props = defineProps<{data:string}>()