mockJs基础用法

什么是mockJs

生成随机数据，拦截 Ajax 请求
参考文档：http://mockjs.com/examples.html

为什么使用mockJs

• 如果后端接口还未开发完成，我们自己手动模拟后端接口返回随机数据完成交互功能
  • 采用json数据模拟，生成数据比较繁琐，也比较有局限性，没办法达到增删改查
  • 采用mockJs进行模拟数据，可以模拟各种场景（get、post）生成接口，并且随机生成所需数据，还可以对数据进行增删改查

使用mockJs

通过vue-cli创建基本项目

• 在项目中安装mock

npm install mockjs

• 在项目中新建mock文件夹，在mock文件夹中创建index.js

//引入mock模块
import Mock from 'mockjs';

• 将mock文件夹的index.js文件在main.js中导入

import Vue from 'vue'
import App from './App.vue'
import './mock/index.js'

new Vue({
   
  render: h => h(App),
}).$mount('#app')

mock语法

生成字符串

• 生成指定次数字符串

const data = Mock.mock({
   
    "string|4": "yx！"
})
console.log(data)

• 生成指定范围长度字符串

const data = Mock.mock({
   
    "string|1-8": "yx"
})
console.log(data)