mockjs

步骤

1.安装mockjs

npm install mockjs

2.在项目的src文件夹下建mock文件夹，在mock文件夹下建index.js(存放所有的http模拟返回的接口数据);以下我写了两个接口：

import mock from 'mockjs';
const vehicle = mock.mock(
  '/api/car', 'post', (req, res) => {
    return {
      code: 200,
      data: [{
        id: 1,
        name: 'byd',
      }, {
        id: 1,
        name: 'baojun',
      }],
      message: '查询成功'
    }
  })
const user = mock.mock(
  '/api/user', 'get', (req, res) => {
    return {
      code: 200,
      data: {
        id: 1,
        sex: 1,
        age: 25,
        createtime: '2017-04-01'
      },
      message: '查询成功'
    }
  })
export default {
  vehicle,
  user
}

3.为了方便在所有组件中使用mock模拟数据在项目 的main.js中导入刚编辑的接口数据

 import mockdata from "./mock"; //这样的话组件里就可以随意调用接口了

4.在组件中调用虚拟接口

在生命周期钩子函数中调用接口即可：我使用axios ，前提是项目已经安装了axios（先npm install axios，再npm install --save axios vue-axios），一个按钮执行点击事件，下面方法调接口

<button @click="search()">点击查询</button>

  methods: {
    search() {
      this.$http.get("/api/user").then(res => {
        console.log(res);
      });
      this.$http.post("/api/car").then(res => {
        console.log(res);
      });
    }
  },