mock模拟的数据能增删改查吗_Vue+Mock.js模拟登录和表格的增删改查功能_白江_前端开发者...

前言

关于mockjs，官网描述的是

1.前后端分离

2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。

3.数据类型丰富

4.通过随机数据，模拟各种场景。

5 项目不背锅(等后端给接口的话可能会背锅)

等等优点，最后一条我加的。

第一步先安装mock.

npm install mockjs --save-dev

第二步使用 mock.

import Mock from 'mockjs'

哪里用就在哪里引入。我是在项目src/mock/index.

详细请看官方文档

关键点1：Mock.mock()

Mock.mock( rurl?, rtype?, template|function( options ) )

这里的参数都是可选：

rurl(可选)。

表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、’/domian/list.json’。

rtype(可选)。

表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。

template(可选)。

表示数据模板，可以是对象或字符串。例如 { ‘data|1-10’:[{}] }、’@EMAIL’。

function(options)(可选)。

表示用于生成响应数据的函数。

options：指向本次请求的 Ajax 选项集。

关键点2：模板生成语法：

数据模板中的每个属性由