在前端开发中，数据模拟是一个非常重要的环节，尤其是在前后端分离的项目中。这时，`mockjs`就显得尤为重要了！它可以帮助开发者快速生成随机数据，模拟接口返回值，从而让前端开发不再依赖后端完成即可进行联调。今天就来聊聊`mockjs`的一些简单应用吧！
首先，你需要安装`mockjs`库。可以通过npm轻松搞定：`npm install mockjs`。安装完成后，你可以通过以下代码快速创建一个简单的模拟接口：
```javascript
const Mock = require('mockjs');
Mock.mock('/api/data', {
'list|1-10': [{
'id|+1': 1,
'name': '@cname',
'age|18-60': 18,
'address': '@city'
}]
});
// 模拟接口请求
setTimeout(() => {
console.log(Mock.mock('@guid'));
}, 1000);
```
上面这段代码会模拟一个包含`id`、`name`、`age`和`address`的列表接口，并且每次请求的数据都是随机生成的。🚀
通过这种方式，前端可以独立开发，无需等待后端接口完成，大大提高了开发效率！💡
前端开发 mockjs 数据模拟 开发效率