使用mockjs模拟数据

一、安装

简单粗暴
npm install mockjs

二、引入

CommonJS引入

let Mock = require('mockjs')
let userInfo = Mock.mock({
    data: {
        responseCode: 200,
        responseMessage: 'success',
        userMessage: {
            name: "@cname",
            email: "@email",
            msg: '@cparagraph(2)'
        }
    }
})

或者ES6的引入方式

import Mock from 'mockjs'

三、使用

3.1 单独写一个mockData.js文件

mockData.js

let Mock = require('mockjs')
let userInfo = Mock.mock({
   
    data: {
   
        responseCode: 200,
        responseMessage: 'success',
        userMessage: {
   
            name: "@cname",
            email: "@email",
            msg: '@cparagraph(2)'
        }
    }
})

let mockData = {
   
    userInfo: userInfo
}

export default mockData

在页面中import数据使用

3.2 使用vuex去控制是否使用mockData.js的数据

store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex