该视频仅会员有权观看
立即开通课程「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文件中定义的类型。
