logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用的组件与组合里使用 TypeScript

  • 在nx应用的组件中使用TypeScript时,可以在script标签中加入lang="ts"来设置脚本语言。
  • 通过API获取的数据data默认类型是any,可以设置为自定义类型CurrentUser
  • 需先在types目录下定义CurrentUser类型,包括idnumber),nametoken(都是string)。
  • 在API请求时,将类型参数设置为CurrentUser,使得data的类型变为CurrentUser
  • 若在组件模板中使用CurrentUser并出现类型错误,可通过设置useState的类型参数为CurrentUser解决,确保编辑器知道数据的确切类型。