vue mockjs使用

Mock.js是一个轻量级的JavaScript模拟数据生成库，特别适合于前端开发环境，如Vue框架中，用于测试或预览阶段替换API请求。在Vue项目中使用Mock.js，可以做以下几件事：

1. **本地模拟数据**：当需要开发单页面应用（SPA）的某些部分，而真实API尚未准备就绪时，Mock.js能够生成假数据供前端展示和交互。

2. **单元测试**：它能帮助编写针对组件的单元测试，模拟组件接收到的数据，以便专注于组件内部的行为而不是外部接口的状态。

3. **防止数据泄露**：在开发过程中，可以暂时关闭对生产API的访问，避免敏感信息在网络传输。

4. **性能优化**：减少对服务器的依赖，加快开发迭代速度。

在Vue中使用Mock.js通常有以下步骤：
- 引入mockjs库：在`main.js`或其他入口文件中导入Mock.js。
- 创建数据接口：使用Mock.mock()函数创建模拟的API响应。
- 使用mock数据：在需要的地方通过$mockData.$get()或axios.get()替换真实的API调用。

// main.js 或其他入口文件
import Mock from 'mockjs'

// 在Vue实例创建前设置mock数据
Mock.config({
  // 全局配置
  //...
})

// 模拟某个API接口
const userMock = {
  list: Mock.mock({
    "code": 0,
    "msg": "success",
    "data": ["张三", "李四"]
  })
}

// 使用
this.$http.get('api/users').then(response => {
  console.log(response.data) // 就会是模拟的用户列表
})