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

  • 消费税的计算方法有哪三种
  • 税务行政复议包括必须复议自由复议和选择复议三种类型
  • 缴纳增值税会计账务处理
  • 报表中存货包括什么科目
  • 企业可以申请专项债券吗
  • 普票销项负数发票
  • 合并报表无形资产摊销时间
  • 是否退还投标文件
  • 基本生产车间领用周转材料会计分录
  • 收据注明实际到账时间
  • 发生的成本作为存货处理
  • 房地产活动礼品送什么比较吸引人
  • 住宅租给公司办什么手续
  • 民办非营利组织幼儿园清算时固定资产如何处理
  • 医院晚上开不开
  • 固定基金会计分录怎么处理
  • 小规模没有进项可以开发票吗
  • 财税〔2017〕39号商业健康保险个人所得税
  • 企业所得税能否核定征收
  • 管理不善存货损失 企业所得税
  • 月末增值税进项和销项怎么结转
  • 用于采购的借款账户
  • 工会经费的优惠政策2020
  • 公司打白条
  • 发生以前年度损益调整
  • 前任会计很多错账
  • 品牌转让怎么写
  • 电子发票怎样进入查验
  • 公司帮员工代缴社保有风险吗
  • 退回以前年度多交增值税
  • redis网络模型 框架图
  • 常用的php操作mysql的函数有哪些
  • 年终结算啥意思
  • joomla模板制作教程
  • 安卓京东抢购
  • JS初识
  • 红字申请表开错了怎么办
  • 以前年度支出如何计算
  • 其他应收款抵货款怎么记账
  • 契税计入会计利润总额吗
  • 将10万元存款投入企业的会计分录
  • 更新php文件
  • 出租车票做什么科目
  • 工会经费通过应交税费科目核算吗
  • c#连接数据库的基本步骤是什么
  • 资本公积的用途主要用于
  • 监理公司成本核算方法
  • 城建税的征收范围不包括农村
  • 房屋出租后转租缴纳房产税吗
  • 固定资产置换存货
  • 有外经证还要缴纳企业所得税吗
  • 企业购买理财产品收益要交税吗
  • 专票 跨年
  • 事业单位的股东是谁
  • 丢失的发票怎么查询
  • 小规模公司购买汽车如何抵税
  • 公账钱怎么取出
  • 建账的依据是什么
  • sql2000卸载干净
  • freebsd12安装
  • freebsd 安装
  • 注销与退出登录
  • winvnc.exe进程是什么
  • ,linux
  • linux忘记密码怎么重启
  • windows聚焦失效
  • win10系统设置锁屏密码
  • 如何写出一篇游戏活动案例
  • es6字符串模版
  • 快速掌握日语词汇
  • css display none之后怎么显示回来
  • 浅谈如何加强基层党组织建设
  • node javascript
  • shell 时间运算
  • UNITY gameobject代码中setacvtive(false)与面板中直接去掉勾 效果不一样
  • python convexhull
  • 如何查询税务情况
  • 浙江通用电子发票注册申请怎么填
  • 有关单位和个人应该怎么样
  • 河北个体户个人缴税标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设