mock.js使用

mock.js 的安装和使用
安装
npm install mockjs -
此命令是安装
安装使用的是第二个文件
在vue的SRC中新建一个文件架mock,创建index.js

在这里插入图片描述
![在这const Mock = require(“mockjs”); //引入
const url = require(“url”)

/*

mock.mock()
参数1:请求地址 选填 url
参数2: 请求类型 选填 type
参数3:数据模板 | 函数
*/
var data = Mock.mock({
“data|100”:[ //意思是data数组中有100条数据
{ //这个对象是用来写数据模板的
“id|+1”:0, //初始值是0每次id都+1
“goodsName”:"@ctitle(3, 5)", //看官网,这个名字是3-5之间的
“goodsPrice|+1”:100, //这个类似上面的id一个,只是初始值是从100开始的
“address”:"@county(true)", //这个是地址,@county(true) 对象的属性值都是mock.mock()提供的方法,直接拿过来用就可以了
“tel”:/^1(3|5|7|8|9)\d{9}$/, //正则写的电话后面1开头,正则不懂自己去学!!!!!!!!!!!很重要
“goodsImg”:"@image(‘200x100’, ‘#894FC4’, ‘#FFF’, ‘alley’)", // 图片
“date”:’@date(“yyyy-MM-dd M:dd:d”)’, //时间
“email”:"@email()" //邮箱
}
]
})

console.log(data);//打印这Mock.mock() 赋值的内容,直接在终端运行就 可以里插入图片描述](https://img-blog.csdnimg.cn/20200722111915439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXd1eXVu,size_16,color_FFFFFF,t_70)

终端 运行 run code

就会生成相应的随机数据

参考链接:
https://blog.csdn.net/weixin_45000381/article/details/98234684

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值