mockjs学习

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：