TS项目经验

请求接口

规定请求方法的参数的类型

组件开发

  1. 将使用的接口统一的放置在一个文件中 ![Pasted image 20251008154738](../../../../_assets/d4a51d7-Pasted image 20251008154738.png)
  2. 在定义props时使用ts

常见问题

  • 现阶段类型不匹配：ts推断list为空对象，在空对象上取a是报错的，可以使用断言解决

    ![Pasted image 20251008155827](../../../../_assets/f61cdd0-Pasted image 20251008155827.png)

    更规范的做法是在.d.ts文件中去声明接口 ![Pasted image 20251008155941](../../../../_assets/079e56a-Pasted image 20251008155941.png)

  • 第三方库中的类型：引入对应的.d.ts ![Pasted image 20251008160400](../../../../_assets/29670ee-Pasted image 20251008160400.png)

  • DOM事件：在获取到DOM的时候ts的类型推断可能会出错，使用断言解决