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':
    
                        
                    
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信