logo

该视频仅会员有权观看

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

¥
199
/ 年

设置 useApiFetch 的类型参数(TypeScript)

  • 在内容列表页面组件脚本标签上方添加line属性并将其值设置为ts,表示使用TypeScript语言。
  • 在项目内的type目录下新建文件post.tap.te,用于定义并导出类型。
  • 导出类型post file含有id属性(类型为number),导出类型post user表示内容的作者,含有id(类型为number)和name
  • 定义并导出类型post,包括属性id(类型为number)、titlecontent(均为string类型),关联post filepost user类型。
  • 导出类型post list表示内容列表,为一个包含post类型项目的数组。
  • 更新use API fetch组合,添加类型参数T并用于useFetch函数,设置类型参数为post list时,返回数据的类型指定为post list
  • 在组件模板中使用post数据时,编辑器会提示idtitlecontent等属性,基于post type文件中定义的类型。