vue3+TS:如何用ts定义promise接口类型

m0_74417967

已于 2023-07-19 11:20:19 修改

阅读量1k

点赞数 1

分类专栏： vue3 文章标签： vue.js 前端 typescript

于 2023-07-19 10:03:57 首次发布

本文链接： https://blog.csdn.net/m0_74417967/article/details/131802125

版权

vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

另外一种完整的写法：

上面是用泛型来实现复用公共接口类型，下面是用extends继承实现复用公共接口类型

图一，二是接口返回的的数据

下图是定义promise发请求返回值的类型

优惠劵

m0_74417967

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
vue3+TS:如何用ts定义promise接口类型

上面是用泛型来实现复用公共接口类型，下面是用extends继承实现复用公共接口类型。下图是定义promise发请求返回值的类型。图一，二是接口返回的的数据。
复制链接

扫一扫

专栏目录

Promise TS写法

baidu_41677887的博客

09-23

1036

promsie的使用TS手写

vue3.0+TS 接口的使用教程

weixin_41281990的博客

01-24

470

【代码】vue3.0+TS 接口的使用教程。

2 条评论您还未登录，请先登录后发表或查看评论

ts 如何定义Promise类型函数

小白前端

04-27

1315

【代码】ts 如何定义Promise类型函数。

十二，vue3+vite 统一接口管理

blue_121的博客

07-26

510

二，新建types.ts文件。

Vue3-TS中的接口-泛型-自定义类型

qq_42371932的博客

01-15

911

当需要用这个类型形成数组时，有2种写法。

vue3项目之对 axios 进行 ts 封装

m0_63907100的博客

02-21

714

对 axios 进行 ts 封装

vue3+TS封装axios

m0_56561602的博客

07-07

505

vue3+ts封装axios

vue3+ts项目中api接口的返回参数通过TS类型声明强校验

u011313034的专栏

06-08

2081

typescript类型声明强校验

vue3+ts+axios请求封装使用

weixin_47077674的博客

10-01

2176

请求封装实际使用中可以根据项目修改，比如RESTful api中可以自行添加put和delete请求,ResType也可以根据后端的通用返回值动态的去修改 //http.ts import axios from "axios" import NProgress from "nprogress" import type { App } from "vue" // const CancelToken = axios.CancelToken // const source = CancelToken.sour.

前端开发工程师的自我修养：前端开发工程师必须掌握的 Promise（详解）以及在 Vue3 项目中的实战应用

黛琳ghz的博客，期待你的关注。

06-30

2112

在前端编程中（甚至后端有时也是这样），我们在处理一些简短、快速的操作时，例如计算 1 + 1 的结果，往往在主线程中就可以完成。主线程作为一个线程，不能够同时接受多方面的请求。所以，当一个事件没有结束时，界面将无法处理其他请求。为了解决这个问题，JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。这个时候 Promise 和异步编程就是一个很好的解决方法，接下来我们一起来了解学习下 Promise ，然后通过简单的应用来加深对 Promise 的印象。

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化

05-12

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia

Vue3+TS：实现小红书瀑布流虚拟列表组件.zip

最新发布

04-03

Vue3+TS：实现小红书瀑布流虚拟列表组件.zip

Vite + Vue3 + ts 注册登录页面书写搭配Nodejs + Express + postgresql接口

04-10

Vite + Vue3 + ts 注册登录页面书写搭配Nodejs...一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等启动:均是 npm i npm start 仅供学习哈也在慢慢完善中

vue3+ts+vite+router+vuex+api请求封装

12-29

后台管理系统脚手架

vue3 + ts 基于elementplus 后台管理系统模板.zip

05-13

vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统...

vue3入门到入土（1）

Yajyaj123的博客

07-10

354

vue3的学习，包括vite的安装，volar插件的安装，vue的插槽语法，指令，以及vue3里的ref，Ref，isRef判断是否是Ref对象，shallowRef和triggerRef配合使用，使用 customRef自定义一个Ref，以及reactive的使用，readonly的使用，shallowReactive的使用......

vue3 Composition 组合式API+TypeScript基本使用

weixin_45966674的博客

09-03

1110

然后大家可以看到我们user数组中每一个下标对象中的对象后面都有一个 as user 意思是他实现了上面定义的 user接口数据格式也必须和user接口定义的一样。这是我们看到 id 对应的类型是 number|string 这个| 在ts语法中就是或的意思规定id可以是数字number或字符串string。这里我们定义了两个计算属性绑定的变量其实有多少员工直接用数组的length就好了只是我想演示一下计算属性是可以定义多个的。

vue3.0+typescript 扩展全局自定义属性接口

或许丶Blog

08-03

5043

// vue3.0+ts this.$axios中报错, 按照vue2.*中扩展合并'vue/types/vue' 模块失效 Property '$axios' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, Record<string, any>, Readonly<{}>, ComponentOptionsBase<{}, {}, {}, {}, {}, ComponentOpti

5.TS中promise类型的使用

m0_56986233的博客

08-09

1600

TS中promise类型的使用

ts 怎么声明 “Promise 类型

03-27

”？在 TypeScript 中，可以使用如下方式声明 Promise 类型： ``` let myPromise: Promise<string> = new Promise((resolve, reject) => { // promise body }); ``` 其中，`Promise<string>` 表示 Promise 对象的返回值类型为 string。可以根据实际需求修改类型参数。另外，也可以使用 `type` 关键字定义 Promise 类型别名，以便在多个地方使用相同的 Promise 类型： ``` type MyPromise = Promise<string>; let myPromise: MyPromise = new Promise((resolve, reject) => { // promise body }); ```