普歌—智音团队 vue-element-admin中Mock.js的使用

普歌-智音团队 vue-element-admin使用Mock.js模拟数据

一、什么是Mock？
1.mock是一个模拟数据生成器。
2.团队可根据数据模板生成模板数据
3.模拟ajax请求，生成请求数据
4.基于html模板生成模拟数据
二、在我们开发过程中，前端的数据依靠后端写的API才可以拿到的，那么真的是后端先开发完前端才可以开始工作吗？
答案必然是否定的
那么这时候就用到了我们的mock模拟后端数据，这样就可以前后端并行开发，大大的提高了工作效率

说了这么多 那mock.js到底是怎么使用的呢，下面就进入我们的正题！

我下面所讲的是基于vue-element-admin的使用

一、进入mock文件夹下的文件模拟数据（根据自己所需要的数据格式进行修改）
这些数据都是随机生成的，进一步了解请进入http://mockjs.com/
二、在下面放出你写好的数据供API文件使用

三、进入api文件夹下进行接口的配置

配置好之后，你的组件就可以调用这里api文件的内容了
四、组件获取数据