当前位置: 首页 > news >正文

vue3 + ts中有哪些类型是由vue3提供的?

在 Vue 3 中结合 TypeScript 使用时,Vue 提供了一系列的类型帮助函数和接口,这些类型用于增强 TypeScript 的集成和提供类型安全。以下是一些由 Vue 3 提供的常用 TypeScript 类型:

  1. RefType: 用于标注一个 ref 返回的响应式引用类型。
  2. ReactiveType: 用于标注一个 reactive 返回的响应式对象。
  3. ComponentPublicInstance: 用于标注一个组件的公共实例类型,通常用于 setup 函数中的 getCurrentInstance 返回值。
  4. PropType<T>: 用于定义 props 的类型。
  5. EmitsOptions: 用于标注自定义事件发射器的类型。
  6. SetupContext: 用于标注 setup 函数的第二个参数的类型。
  7. DefineComponent: 用于标注由 defineComponent 创建的组件类型。
  8. ComponentOptions: 用于标注组件选项的类型,例如在使用 defineComponent 时。
  9. VNode: 用于标注虚拟节点类型。
  10. WatchEffect: 用于标注 watchEffect 的回调函数类型。
  11. WatchSource: 用于标注 watch 的源类型。
  12. WatchCallback: 用于标注 watch 的回调函数类型。

此外,Vue 3 还提供了对 Composition API 的类型支持,如 ToRefs, ComputedRef, WritableComputedRef 等。

对于 TypeScript 的一些常用类型,以下是在 Vue 项目中可能会频繁使用的:

  1. Partial<T>: 用于创建一个类型,这个类型将某个类型的所有属性设置为可选。
  2. Required<T>: 用于创建一个类型,这个类型将某个类型的所有属性设置为必选。
  3. Readonly<T>: 用于创建一个类型,这个类型将某个类型的所有属性设置为只读。
  4. Record<K, T>: 用于创建一个具有键类型 K 和值类型 T 的对象类型。
  5. ReturnType<T>: 用于获取一个函数返回值的类型。
  6. Pick<T, K>: 用于从类型 T 中挑选一组属性 K
  7. Omit<T, K>: 用于从类型 T 中剔除一组属性 K
  8. Exclude<T, U>: 用于从类型 T 中排除可分配给 U 的那些类型。
  9. NonNullable<T>: 用于排除 nullundefined 从类型 T 中。

在 Vue 3 + TypeScript 的项目中,你可以将这些 Vue 类型与 TypeScript 的工具类型结合起来,以创建更复杂和精确的类型定义。这些类型定义可以帮助你在编译时捕获潜在的错误并提供更好的编辑器支持和代码自动补全功能。

http://www.lryc.cn/news/407839.html

相关文章:

  • 【Linux】远程连接Linux虚拟机(MobaXterm)
  • LeetCode Hot100 生成特殊数字的最少操作
  • Spring MVC 应用分层
  • QT--进程
  • 凸优化笔记-基本概念
  • 1858. 数组查找及替换
  • 计算机视觉与面部识别:技术、应用与未来发展
  • 懒人精灵安卓版纯本地离线文字识别插件
  • 在线教育数仓项目(数据采集部分1)
  • 帕金森病(PD)诊断:三种基于语音的深度学习方法
  • 【资料分享】2024钉钉杯大数据挑战赛A题思路解析+代码演示
  • 【优质精选】12节大模型系列教学课程之二:RAG 原理与应用
  • vue3前端开发-小兔鲜项目-产品详情基础数据渲染
  • Docker入门指南:Linux系统下的完整安装步骤与常见问题解答
  • Netty实现数据上下行
  • 【React】事件绑定:深入解析高效处理用户交互的最佳实践
  • SpringCloud:使用OpenFeign优化前面的Nacos实现高效购物车商品信息处理
  • 计算机三级嵌入式笔记(二)——嵌入式处理器
  • 【GoLang】Golang 快速入门(第一篇)
  • Linux中的三类读写函数
  • MATLAB基础应用精讲-【数模应用】二元Probit回归分析
  • 找工作准备刷题Day10 回溯算法 (卡尔41期训练营 7.24)
  • 如何有效的进行小程序的优化
  • FPGA-ROM IP核的使用(2)
  • Manticore Search(es轻量级替代)
  • 测试开发面试题---计算机网络
  • Wonder3D 论文学习
  • 【MySQL进阶之路 | 高级篇】显式事务和隐式事务
  • Ruby、Python、Java 开发者必备:Codigger之软件项目体检
  • day05 Router、vuex、axios