mock_components

Mock.js 是一款用于JavaScript的模拟数据生成库，它允许你在单元测试或开发环境中快速生成模拟的数据。在Vite项目中，`mockData/home.ts` 文件就是用来定义一些预设的模拟数据，比如用户列表。这个例子展示了如何使用 `mockJS` 来创建一个模拟的用户数组：

// mockData/home.ts
export const userList = mockJS.mock({
  success: true,
  // 使用管道符 "|" 和模版字符串来生成动态数据
  "data|100": [
    {
      "id|+1": 0, // 自增 id
      name: "@cname", // 使用 @ 符号来引用随机名字
      image: mockJS.Random.image(), // 生成随机图片路径
    }
  ]
});

当你需要在组件中使用这些模拟数据时，通常会在`main.ts` 或其他适当的地方引入并使用。例如，在某个组件内部：

// main.ts 或相关组件
import { userList } from './mockData/home';

// 假设有个需要模拟用户列表的接口
interface UserListResponse {
  success: boolean;
  data: Array<User>;
}

function getUserList(): UserListResponse {
  return userList; // 这里直接返回模拟数据
}

// ...

这样，当组件需要用户列表时，就会得到预先配置好的模拟数据，而不需要真正从服务器请求。