获取前台分类数据，数据类型和渲染

1.封装获取前来分类数据API

接口文档

 把这个接口写入程序

 接下来主页调用

 验证是否获取数据成功

 1.下面定义前来分类数据类型

2.指定类型并传值给子组件

3.渲染前台分类数据

前台数据类型：

/** 首页-前台类目数据类型 */
export type CategoryItem = {
  /** 图标路径 */
  icon: string
  /** id */
  id: string
  /** 分类名称 */
  name: string
}

存放位置：

 我们先来看一下没有定义数据类型的 ：

 添加之后：

 

 

 这步做完之后就可以渲染了

 先接收

 再渲染

 看一下我们最后的页面

 总结：