位置: IT常识 - 正文

Vue 之 vue3 与 TS 的配合使用整理(vue3和ts)

编辑:rootadmin
Vue 之 vue3 与 TS 的配合使用整理 目录说明前言配置 tsconfig.json正文TypeScript 与组合式 API为组件的 props 标注类型使用 `<script setup>`语法限制Props 解构默认值非 `<script setup>` 场景下为组件的 emits 标注类型为 ref() 标注类型为 reactive() 标注类型为 computed() 标注类型为事件处理函数标注类型为 provide / inject 标注类型为模板引用标注类型为组件模板引用标注类型TypeScript 与选项式 API为组件的 props 标注类型为组件的 emits 标注类型为计算属性标记类型为事件处理函数标注类型扩展全局属性类型扩展的位置扩展自定义选项说明

推荐整理分享Vue 之 vue3 与 TS 的配合使用整理(vue3和ts),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue3和typescript,vue3和typescript,vue3和ts,vue3区别,vue3区别,vue3和ts,vue3和ts,vue3和ts,内容如对您有帮助,希望把文章链接给更多的朋友!

本文主要是说明vue3中的一些ts的用法,且**文章内容都是从vue官网整理下来的**,如有重复,请说明,谢谢。

前言配置 tsconfig.jsonVue 之 vue3 与 TS 的配合使用整理(vue3和ts)

通过 create-vue 搭建的项目包含了预先配置好的 tsconfig.json。其底层配置抽象于 @vue/tsconfig 包中。在项目内我们使用 Project References 来确保运行在不同环境下的代码的类型正确 (比如应用代码和测试代码应该有不同的全局变量)。

手动配置 tsconfig.json 时,请留意以下选项:

compilerOptions.isolatedModules 应当设置为 true,因为 Vite 使用 esbuild 来转译 TypeScript,并受限于单文件转译的限制。

如果你正在使用选项式 API,需要将 compilerOptions.strict 设置为 true (或者至少开启 compilerOptions.noImplicitThis,它是 strict 模式的一部分),才可以获得对组件选项中 this 的类型检查。否则 this 会被认为是 any。

如果你在构建工具中配置了路径解析别名,例如 @/* 这个别名被默认配置在了 create-vue 项目中,你需要通过 compilerOptions.paths 选项为 TypeScript 再配置一遍。

正文TypeScript 与组合式 API为组件的 props 标注类型使用 <script setup>

当使用 <script setup> 时,defineProps() 宏函数支持从它的参数中推导类型:

<script setup lang="ts">const props = defineProps({ foo: { type: String, required: true }, bar: Number})props.foo // stringprops.bar // number | undefined</script>

这被称之为“运行时

本文链接地址:https://www.jiuchutong.com/zhishi/300158.html 转载请保留说明!

上一篇:教你一文解决 js 数字精度丢失问题(js遇到的问题)

下一篇:React通过classnames库添加类(react中key)

  • 租集体土地建厂合法吗
  • 购买二手车是否适用消费者权益保护法
  • 免税外汇商品
  • 所得税汇算清缴账务处理
  • 企业所得税税款可以扣除吗
  • 文化事业建设费怎么申报
  • 无形资产日常维护支出会计处理
  • 承租人与出租人签订了一份租赁合同,该设备
  • 契税印花税的会计分录怎么写
  • 发生销货退回增值税专用发票如何处理
  • 无形资产特许权使用费怎么做账
  • 进口货物会计分录举例
  • 实发工资比计提多汇算清缴要怎么处理
  • 所有者权益科目编码
  • 国债逆回购收益什么时候到账
  • 一台电脑上能装多个金税盘吗?
  • 广告制作税收编码怎么填
  • 出纳记账本如何手工记账
  • 薪酬费用属于什么科目
  • 暂估入库冲回有差额
  • 资源税进什么科目
  • 公司利润如何分配到个人
  • 闲置资金购买理财产品
  • 民营医院实收资本科目
  • 合同取得成本计入当期损益吗
  • 销售收入大于纳税申报销售收入
  • 桃胶多少钱一斤正常
  • php 数组对象
  • 网关设置
  • services. exe
  • kb4499164安装失败怎么办
  • PHP:rawurlencode()的用法_url函数
  • win10平板模式怎么打开
  • 所得税特殊性税率是多少
  • 原始凭证的分类依据有哪些?分别能分为哪些类型?
  • 基建期土地摊销
  • 对公结售汇的合规风险
  • web主要的请求方式有几种
  • 37.JavaScript对象与JSON格式的转换,JSON.stringify、JSON.parse方法的使用方法和注意事项
  • 芝麻信用app
  • php的输出语句
  • 典当公司收到房款怎么办
  • 长期股权投资哪些用成本法
  • 工会经费和残保金不交有什么影响
  • 帝国cms功能
  • 预缴所得税亏损费用金额大会被监测到吗?
  • 退股东股本账务处理
  • 我有朋友吗朋友圈说说
  • 疫情期间制造费用账务处理
  • 应付职工薪酬的含义
  • 汇总记账凭证会计核算形式下总分类账账页格式一般采用
  • 资本公积现金流量表里放在哪里
  • 工程一般挂靠取得的收入怎么做账?
  • 开发票四舍五入
  • 什么是委托加工原材料
  • 暂估固定资产的账务处理
  • 财务报表的一般构成要素
  • 为什么要挂靠其他劳务派遣公司?有什么利弊?
  • 百旺金赋服务费可以不交吗
  • sqlserver创建链接服务器连接实例
  • 如何保存xps文件
  • 注册表禁止windows自动更新
  • 2019谷歌浏览器
  • win10系统更新后
  • Radio.exe - Radio是什么进程 有什么用
  • windows8桌面图标没有了
  • 为什么无法退出
  • 下载器广告
  • linux 消息队列 系统参数
  • 五个常用的视频格式及其特点
  • vue请求数据再赋值data
  • nodejs 动态网页
  • 安全的代码
  • monkey命令大全
  • js状态管理
  • javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解
  • socket客户端发送数据
  • 三角进攻怎么打
  • python类怎么用
  • 深圳2021纳税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设