该视频仅会员有权观看
立即开通课程「Nuxt.js 前端应用开发实践」权限。
- 在内容列表页面组件脚本标签上方添加
line
属性并将其值设置为ts
,表示使用TypeScript语言。
- 在项目内的
type
目录下新建文件post.tap.te
,用于定义并导出类型。
- 导出类型
post file
含有id
属性(类型为number
),导出类型post user
表示内容的作者,含有id
(类型为number
)和name
。
- 定义并导出类型
post
,包括属性id
(类型为number
)、title
和content
(均为string
类型),关联post file
和post user
类型。
- 导出类型
post list
表示内容列表,为一个包含post
类型项目的数组。
- 更新
use API fetch
组合,添加类型参数T
并用于useFetch
函数,设置类型参数为post list
时,返回数据的类型指定为post list
。
- 在组件模板中使用
post
数据时,编辑器会提示id
、title
和content
等属性,基于post type
文件中定义的类型。