Mock.js

•  基于 数据模板 生成模拟数据。
• 基于 HTML模板 生成模拟数据。
• 拦截并模拟 ajax 请求。

基本语法

DTD（数据模板定义规范）

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

• 属性名：name
• 生成规则：rule
• 属性值：value

详见：Mock.js

 DPD（数据占位符定义规范）

占位符只是在属性值字符串中占个位置，并不出现在最终的属性值中。

• 引用的是Mock.Random中的方法
• @符号标识了其后面的字符串是占位符
• 占位符可以引用并优先引用数据模板中的属性
• 通过 Mock.Random.extend() 来扩展自定义占位符
• @占位符
  @占位符(参数 [, 参数])

 扩展自定义占位符（extend[底层]）

let Random = Mock.Random
Random.extend({constellation: function(date) {let constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']return this.pick(constellations)}
})
Random.constellation()    // => "水瓶座"
Mock.mock('@CONSTELLATION')   // => "天蝎座"
Mock.mock({constellation: '@CONSTELLATION'
})    // => { constellation: "射手座" }

JSON5

Node.js

Vue CLI与Mock.js 

Jquery与Mock.js 

Mock与分页