mockjs学习
2018-06-11 本文已影响0人
汶沐
Mock.js语法规范包括两部分：数据模板定义规范和数据占位符定义规范。
1.数据模板定义规范:
数据模板中的每个属性由3部分构成：属性名、生成规则、属性值：
注意事项：
● 属性名和生成规则间要用|隔开
● 生成规则不是固定的，是可选的
● 生成规则的格式有：
1：'name|min-max': value
2：'name|count': value
3：'name|min-max.dmin-dmax': value
4：'name|min-max.dcount': value
5：'name|count.dmin-dmax': value
6：'name|count.dcount': value
7：'name|+step': value
生成规则和示例请到：https://github.com/nuysoft/Mock/wiki/Syntax-Specification#1
2.数据占位符定义规范：
占位符只是在属性值字符串中占个位置。并不出现在最终的属性值中。
占位符格式：@占位符、@占位符(参数,[,参数])
注意事项：
1.用 @ 来标识其后的字符串是 占位符。
2.占位符 引用的是 Mock.Random 中的方法。
3.通过 Mock.Random.extend() 来扩展自定义占位符。
4.占位符 也可以引用 数据模板 中的属性。
5.占位符 会优先引用 数据模板 中的属性。
6.占位符 支持 相对路径 和 绝对路径。
示例
数据模板定义和占位符定义的示例请转到：http://mockjs.com/examples.html
Vue项目的引用：
NPM 安装：npm install mockjs
在目录里新建一个js文件
在mock.js里面引入mock：
调用mock并导出：
示例
vue页面里面引用：
把data赋予给页面定义好的data：
