vue中使用mock模拟数据

Q：为什么进行模拟数据？
A：在做开发时，后端程序没有配齐，前端人员在做vue开发时，需要自己先模拟接口，模拟数据，等到后端数据配齐，提供好接口后，将项目中的接口换一下即可

1.安装mockjs

cnpm install mockjs –save

2.配置请求的模拟数据
在src中新建一个名为Mock的文件夹，在该文件夹中新建一个名为Mock.js的文件，在该文件中配置请求的模拟数据（例两个接口：/user、/list）

原理：拦截ajax里面的路由，因为vuejs里是路由来跑的

import Mock from 'mockjs';
Mock.mock("/user","post",{
    data:[
        {
            name:"张三",
            sex:"男"
        },
        {
            name:"李四",
            sex:"女"
        }
    ]
});
Mock.mock("/list","post",()=>{
    return[
        {
            name:"张三",
            sex:"男"
        },
        {
            name:"李四",
            sex:"女"
        } 
    ]
});

在main.js中需引入mockjs ：

//使用mockjs  在main.js中需引入
require("./Mock/Mock");