vue2组件中使用mockjs

在Vue2组件中使用Mock.js，需要先安装Mock.js库，可以通过npm命令进行安装：

npm install mockjs --save-dev

在组件中引入Mock.js库，并编写Mock数据，例如：

import Mock from 'mockjs';

// 编写Mock数据
Mock.mock('/api/data', {
  'list|5-10': [{
    'id|+1': 1,
    'name': '@cname',
    'age|18-30': 1,
    'address': '@county(true)'
  }]
})

在组件中使用axios请求Mock数据：

import axios from 'axios';

export default {
  data() {
    return {
      list: []
    }
  },
  mounted() {
    // 请求Mock数据
    axios.get('/api/data').then(res => {
      this.list = res.data.list;
    })
  }
}

需要注意的是，在开发环境中，需要在main.js中引入Mock.js并开启拦截：

if (process.env.NODE_ENV === 'development') {
  const Mock = require('mockjs');
  Mock.setup({
    timeout: '300-600'
  });
  require('./mock');
}

这样，在开发环境中就可以使用Mock.js拦截请求并返回Mock数据了。