前端mock数据使用简单demo

1、安装

npm i mockjs --save
var Mock = require(‘mockjs’)

2、模拟数据的两种方式

1.数据模板
2.数据占位符

详见 https://github.com/nuysoft/Mock/wiki/Syntax-Specification

3、主要方法

3.1 Mock.mock()
完整用法：

Mock.mock(url, type, template|function)

• url: 请求的地址
• type: 请求的方法
• template: 请求的数据模板
• function: 用于生成请求数据的函数，传入一个参数function(options),options有三个属性（url,type,body），前面两个属性和上文的url和type一样，body中带有请求的一些参数

3.2 Mock.setup()

配置拦截 Ajax 请求时的行为
作用之一：设置异步
例子

Mock.setup({
    Timeout: 400
})
Mock.setup({
    Timeout: '200-600'
})

4、具体例子，在vue中使用（我在项目中的用法）