Mock.js的简单使用

Mock.js的简单使用

简述

Mock.js 是一款 模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。

功能

1. 根据数据模板生成模拟数据。
2. 模拟 Ajax 请求，生成并返回模拟数据。
3. 基于 HTML 模板生成模拟数据。

使用场景

1. 开发期间前端非常依赖后端的接口，总会苦苦等待后端接口出来才能继续开发。
2. 开发纯前端并具备CURD功能的demo项目。
3. …

好处

1. 只要前后端约定好数据结构，前端便可不受后端开发进度影响。
2. 可拦截ajax请求，模拟返回数据，后期无须再修改ajax请求参数。
3. 配置简单，拿来即用。
4. …

演示

Mockjs 模拟数据 demo

---

Vue项目中使用

安装

npm install --save-dev mockjs

引入

为了方便后期维护，建议将Mock.js单独配置

// main.js

... 省略Vue的引用
import './mock/mock.js'

配置

方式一：直接使用

// helloWorld.vue

import Mock from 'mockjs'
...

let data = Mock.mock(