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

vue2或vue3中使用xx.d.ts文件(没有提供内置的 TypeScript 类型声明)

1,创建一个xx.d.ts文件里面使用declare 声明要申明的数据,例子随便目录下创建个device.d.ts文件如下就可以直接使用里面数据:

declare namespace DeviceTree {interface firstFloor {province: string, // 省份orgId:stringcitys: DeviceTree.secondFloor[]}interface secondFloor {city: string, // 城市orgId:stringvoltages: DeviceTree.thirdFloor[]}
}

2,.d.ts 文件明明没有显示引入,为什么就生效了(在 tsconfig.json 的 include 范围内,只要你的 .d.ts 文件路径在 include 的匹配范围内,TS 编译器就会自动加载它:)

TypeScript 在编译一个项目时,首先会加载项目根目录下的 tsconfig.json,它会根据其中的配置项决定:

要包含哪些文件、 要排除哪些文件 、要使用哪些类型库(如 DOM、ESNext)、 要如何解析模块路径(如路径别名)

3,tsconfig.json例子

{"compilerOptions": {"target": "esnext","module": "esnext","strict": true,"jsx": "preserve","importHelpers": true,"moduleResolution": "node","allowJs": true,"skipLibCheck": true,"esModuleInterop": true,"allowSyntheticDefaultImports": true,"experimentalDecorators": true,"sourceMap": true,"noImplicitAny": false,"baseUrl": ".","types": ["webpack-env"],"paths": {"@/*": ["src/*"]},"lib": ["esnext","dom","dom.iterable","scripthost"]},"include": ["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue","tests/**/*.ts","tests/**/*.tsx",],"exclude": ["node_modules"]
}

4,其实简单的数据也可以不用写.d.ts文件,直接代码里面声明即可(declare var $: any;)

http://www.dtcms.com/a/550461.html

相关文章:

  • [Linux] 内核链表实现详解
  • 网上有做logo的网站吗近期时政热点新闻20条
  • 【双指针】破解数组的协奏曲一(移动零)
  • 没有统一文档模板会带来哪些问题
  • 沧州企业网站建设方案宿迁哪家做网站好
  • 零基础从头教学Linux(Day 59)
  • Slicer中MRML目录下各个子目录功能概述
  • 重庆市渝兴建设投资有限公司网站什么网站做禽苗好的网站
  • 商品网站建设实验报告中山市饮食网站建设
  • Spring Boot3零基础教程,Spring Boot 3 新特性,笔记94
  • 万物皆表达式:Rust 安全性与表达力的基石
  • 报价网站建设建立自己的网站软件有
  • 拿了网赌代理后怎样做自己的网站网站与网页的关系
  • 江西那家做网站公司好九江网站建设服务
  • 建设工程网站新专家入库京东网站的建设与发展现状分析
  • tensorflow生成随机数和张量
  • 凡科做的手机网站可以导出来wordpress禁用插件
  • 郑州整站关键词搜索排名技术单位如何做网站宣传
  • 強化學習實例(模仿rift)
  • LLM-based Agent
  • 23种设计模式-框架中的使用
  • 鹧鸪云光储流程系统:储能电站精细化运营的数字基石
  • 深度解构Tokio多线程调度器:从工作窃取到Rust的并发哲学
  • 个人网站可以做推广吗wordpress 亚马逊评论
  • 路桥网站设计wordpress作者信息栏
  • 官方网站建设的四个步骤深圳设计公司招聘信息
  • 湖北洈水水利水电建设公司网站湖南发展最新消息公告
  • 深圳网站建设公司收费标准动漫设计与制作专科学校
  • Agent简介
  • window系统如何用快捷键输入一段文字