ts全局定义接口问题

来源:3-1 vue3 新特性巡礼

慕粉4029508

2021-01-20

想问下老师,在vue3项目里我想把所有的接口定义在一个公共的地方里,怎样写或者设置才能全局读取到呢?如图图片描述
然后想在任意 .vue文件或者ts文件中使用这个接口定义,这个要怎么实现呢?
图片描述

写回答

1回答

张轩

2021-01-21

同学你好 我建议你不要这样做 没有必要将 定义文件 都放置在一个地方 而是因为以写 ts 代码的思想 将类型文件看成是代码的一部分

如果你想实现全局类型 ,那么可以在 根目录下 新建一个 .d.ts 文件,然后将想要使用的类型使用 declare 关键字进行一个声明,文档在这里:

https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html

类似

declare const jQuery: string
declare interface TestProps {
    hello: string;
}
jQuery 变量 和 TestProps 类型现在全局可以使用

特别注意这个文件添加以后,如果想生效,要重启一下编辑器

2
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程