mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据

Easy Mock以及Vue+Mock.js模拟数据

一、Mock.js简介

Mock.js是一个可以模拟后端数据，也可以模拟增删改查操作的js库

基础语法规范

数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值：'name|rule': value

语法规则

说明

'name|min-max': string

通过重复 string 生成一个字符串，重复次数大于等于 min，小于等于 max

'name|count': string

通过重复 string 生成一个字符串，重复次数等于 count

'name|min-max': number

生成一个大于等于 min、小于等于 max 的整数，属性值 number 用来确定类型

'name|+1': number

初始值为 number，以后每次请求在前面的基础上+1

'name|min-max.dmin-dmax': number

生成一个浮点数，整数部分大于等于 min、小于等于 max，小数部分保留 dmin 到 dmax 位

'name|1': boolean

随机生成一个布尔值，值为 true 的概率是 1/2，值为 false 的概率同样是 1/2

'name|count': object

从属性值 object 中随机选取 count 个属性

'name|min-max': object

从属性值 object 中随机选取 min 到 max 个属性

'name|1': array

从属性值 array 中随机选取 1 个元素，作为最终值

'name|+1': array

从属性值 array 中按照顺序选取 1 个元素，作为最终值

'name|count': array

通过重复属性值 array 生成一个新数组，重复次数为 count

'name|min-max': array

通过重复属性值 array 生成一个新数组，重复次数大于等于 min，小于等于 max

简单举例：

var arr=['aa','bb','cc'];

var obj={

'name':'MountainC44',

'old':'23',

'sex':'man'

};

//数据模版简单举例

{

'firstName|3':'xue',//重复fei这个字符串 3 次。

'lastName|2-5':'yangbo&