vue3中props 怎么给多个可能类型添加类型注解？

Question

prop有多种类型可能，可能是字符串也可能是函数，但是下图这种写法不能规定具体的类型

所以我用下图这种写法，但是报错了，这种是多种类型的情况怎么写类型注解呢？

Answer 1

比较常规的做法是借助 PropType：

import { defineComponent } from 'vue'
import type { PropType } from 'vue'

// 定义具体的函数签名有助于更好的类型推断
type ApiFunction = () => any

export default defineComponent({
  props: {
    apiAction: [String, Function] as PropType<string | ApiFunction>,
    default: ''
  }
})