使用mockjs模拟生成数据 不用等后端接口啦

最近发现mockjs用来模拟假数据是一个大大减少了联调时间的一件事情。真是太赞了

先上效果图：以下都是使用mockjs随机生成的数据

1. 在vue项目中 安装mockjs。。官网有安装教程，在此就不赘述了，地址：mock官网 -安装教程

npm i mockjs

2. 在main.js中引入mockjs

注：在自己写界面的时候可以引入，但是在前后联调的时候 ，直接注释就可以了。

import '@/mockjs/index.js'

3. 新建mockjs文件夹 —>新建index.js（当然了，这个文件夹和文件可以自己命名） 内容就是返回的假数据

import Mock from 'mockjs'

// 生成4次字符串
// const data = Mock.mock({
//     "string|4": "yx！"
// })
// 生成长度为10的数组
// const data = Mock.mock({
//     'list|10':[
//         {
//             name: '@cname()',
//             address: