位置: 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)

  • 苹果7p主板漏电症状(苹果笔记本电池不充电怎么回事)

    苹果7p主板漏电症状(苹果笔记本电池不充电怎么回事)

  • 万能钥匙为什么连接不上wifi(万能钥匙为什么解不开wifi密码)

    万能钥匙为什么连接不上wifi(万能钥匙为什么解不开wifi密码)

  • 快如闪电是miui几(快如闪电是什么生肖)

    快如闪电是miui几(快如闪电是什么生肖)

  • 小米街拍声音关不掉(小米街拍功能声音关闭)

    小米街拍声音关不掉(小米街拍功能声音关闭)

  • airpods三真电量是什么意思(airpods pro三真电量是拔出一个才可以看吗)

    airpods三真电量是什么意思(airpods pro三真电量是拔出一个才可以看吗)

  • 机顶盒信号灯一闪一闪无信号(机顶盒信号灯一闪一闪的)

    机顶盒信号灯一闪一闪无信号(机顶盒信号灯一闪一闪的)

  • 网易云是腾讯的么(网易云是不是腾讯的)

    网易云是腾讯的么(网易云是不是腾讯的)

  • 华为手机关机后充电自动开机怎么回事(华为手机关机后重启忘记密码怎么办)

    华为手机关机后充电自动开机怎么回事(华为手机关机后重启忘记密码怎么办)

  • 华为nova5z和5ipro区别(华为nova5z和5ipro啥区别)

    华为nova5z和5ipro区别(华为nova5z和5ipro啥区别)

  • 腾讯王卡领腾讯视频会员(腾讯王卡领腾讯会员链接)

    腾讯王卡领腾讯视频会员(腾讯王卡领腾讯会员链接)

  • su卡顿怎么解决(su卡顿怎么解决显卡)

    su卡顿怎么解决(su卡顿怎么解决显卡)

  • image是什么文件夹(image是什么文件可以删除吗)

    image是什么文件夹(image是什么文件可以删除吗)

  • opop手机听筒声小怎么办(oppo手机听筒声音很小怎么办)

    opop手机听筒声小怎么办(oppo手机听筒声音很小怎么办)

  • ios11是苹果几(苹果ios11是什么意思)

    ios11是苹果几(苹果ios11是什么意思)

  • 主频和混频哪个电压大(主频和混频哪个好)

    主频和混频哪个电压大(主频和混频哪个好)

  • 手机卡没插什么提示音(手机卡如果没插还能打通吗)

    手机卡没插什么提示音(手机卡如果没插还能打通吗)

  • 华为mate30pro怎么分屏(华为mate30pro怎么恢复出厂设置)

    华为mate30pro怎么分屏(华为mate30pro怎么恢复出厂设置)

  • vivoy93s充电多久能充满(vivos9e充电多久)

    vivoy93s充电多久能充满(vivos9e充电多久)

  • 台式机如何设置电源管理(台式机如何设置开机密码?)

    台式机如何设置电源管理(台式机如何设置开机密码?)

  • qq很久没登 怎么恢复(qq很久没登 怎么登不上去)

    qq很久没登 怎么恢复(qq很久没登 怎么登不上去)

  • 计算机系统的组成(计算机系统的组成包括填空1)

    计算机系统的组成(计算机系统的组成包括填空1)

  • qq群匿名投票管理员能看到吗(qq匿名投票群主)

    qq群匿名投票管理员能看到吗(qq匿名投票群主)

  • 怎么关闭微信朋友圈自动播放(怎么关闭微信朋友圈的广告推送)

    怎么关闭微信朋友圈自动播放(怎么关闭微信朋友圈的广告推送)

  • 如何设置qq小人物(如何设置QQ小人物身高)

    如何设置qq小人物(如何设置QQ小人物身高)

  • moment的常见用法总结(moments的用法)

    moment的常见用法总结(moments的用法)

  • Spring Cloud Alibaba全家桶(一)——Spring Cloud Alibaba介绍(springcloud阿里巴巴)

    Spring Cloud Alibaba全家桶(一)——Spring Cloud Alibaba介绍(springcloud阿里巴巴)

  • 金税财务是干什么的
  • 税收实体法和程序法分类
  • 补缴关税税率
  • 小企业会计制度科目和2013年小企业会计准则科目的区别
  • 股权分配利润应该怎么做账
  • 私车公用是否合法
  • 商业折扣影响主要因素有
  • 运输途中的不合理损耗有哪些
  • 城建税属于什么税种
  • 税控软件维护
  • 消防设施安装费包括哪些
  • 收到加工劳务发票怎么做
  • 房地产开发企业预收款预缴增值税
  • 2018年用2015年的发票入账有什么税务的风险?
  • 最新科研增值税税率为多少?
  • 制作费算什么费用
  • 企业房产使用税
  • 原始凭据
  • 无形资产摊销是什么科目
  • 鸿蒙系统怎么安装电脑
  • 汽车费用怎么做账
  • 清算公司资产怎么入账
  • 进项发票认证后多久可以申报
  • 销售合同怎么计提折旧
  • 转让专利权的会计处理结果
  • 员工报销的费用
  • 土地增值税案例题库
  • php获取访问用户的ip
  • 预支员工报销费用会计科目
  • phpseessid
  • 车辆维修费怎么做分录
  • 若依原创
  • 失控增值税专用发票
  • 凯斯西储大学在哪个城市
  • layui 使用
  • springboot比spring做了哪些改进
  • cnn三层
  • 生产成本有什么
  • 进项税转出金额是发票上的哪个
  • mongodb4.0安装教程
  • 发票报销有时间期限吗
  • 金蝶利润表出现科目
  • 通过SQLServer 2008 操作 MySQL的方法
  • 固定资产盘盈为什么计入管理费用
  • 收到失业保险稳岗补贴怎么做会计分录
  • 回购股票不注销如何发可转债
  • 被投资单位信息是什么
  • 公司在建厂房图片大全
  • 房地产公司房屋租赁管理办法
  • 计提个人所得税会计分录怎么做账
  • 付给供应商的货款怎么写记账凭证
  • 股东投入的资金在现金流量表中如何提现
  • 代收通行费不征税吗
  • 进项税额转出的几种情况
  • 用友t3月末转账流程图
  • 换工作后个税app单位会自动更改吗
  • 公益募捐的基金是什么
  • 注册资本和实收股本的区别
  • 会计电算化建账的基本流程有哪些
  • sqlserver临时表详解
  • 注册表regsz是什么意思
  • win10 0×0000007b怎么解决
  • windows远程登录命令
  • centos查看具体版本
  • win8系统怎么到桌面
  • [置顶] [笔记]
  • nodejs截图
  • jQuery插件ajaxFileUpload使用详解
  • jquery排序上升和排序下降
  • web jquery
  • shell中的括号
  • 注册表危险组件怎么安装
  • pypy 使用
  • node.js 配置
  • bootstrapped 5%
  • javascript运用
  • 宁波地铁支付宝可以刷吗
  • 经开区税务局党委委员 副局长 杨兴爱
  • 土地出让金契税计税依据
  • 怎么查询车船税缴费记录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设