Vue篇--Mock.js基础使用方法（建议收藏）

什么是Mock.js?
mock.js是一款模拟数据生成器,生成随机数据，拦截Ajax请求

生成随机数据，拦截ajsx

安装：npm i mockjs -D

使用:

import Mock from 'mockjs'

Mock.mock(url,data)

官网网址：Mock.js

Mock.js的特点：

前后端分        

        让前端工程师独立于后端端进行开发。

增加单元测试的真实性

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

开发无侵入

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

用法简单

        符合直觉的接口。

数据类型丰富

        支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

方便扩展

        支持扩展更多数据类型，支持自定义函数和正则

安装和使用
安装步骤

 

 

        window+r然后输入cmd按回车打开。（我的文件在f盘，如果在c盘可以直接cd /自己的文件名），步骤看下图

使用mock.js 

 

 数据模板定义

String

Number

 

Boolean

 

Object

 

Array

 

Function

 

RegExp

 

Path

 

数据占位符定义

Basic

 

Date

 

Color

 

Image

代码示例： 

运行结果：