在 Vue 3 中结合 TypeScript 使用时,Vue 提供了一系列的类型帮助函数和接口,这些类型用于增强 TypeScript 的集成和提供类型安全。以下是一些由 Vue 3 提供的常用 TypeScript 类型:
RefType
: 用于标注一个ref
返回的响应式引用类型。ReactiveType
: 用于标注一个reactive
返回的响应式对象。ComponentPublicInstance
: 用于标注一个组件的公共实例类型,通常用于setup
函数中的getCurrentInstance
返回值。PropType<T>
: 用于定义props
的类型。EmitsOptions
: 用于标注自定义事件发射器的类型。SetupContext
: 用于标注setup
函数的第二个参数的类型。DefineComponent
: 用于标注由defineComponent
创建的组件类型。ComponentOptions
: 用于标注组件选项的类型,例如在使用defineComponent
时。VNode
: 用于标注虚拟节点类型。WatchEffect
: 用于标注watchEffect
的回调函数类型。WatchSource
: 用于标注watch
的源类型。WatchCallback
: