本篇文章主要介绍了在vue-cli项目中使用mockjs(请求数据删除数据)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

主要介绍了vue-cli项目中使用Mockjs详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

在我们的生产实际中，后端的接口往往是较晚才会出来，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来说显得十分的被动，于是有没有可以制造假数据来模拟后端接口呢，答案是肯定的。于是今天我们来介绍一款非常强大的插件Mock.js ，可以非常方便的模拟后端的数据，也可以轻松的实现增删改查这些操作，在后台数据完成之后，你所做的只是去掉mockjs：停止拦截真实的ajax，仅此而已。 搭建一个vue项目 # 全局安装 vue-cli $ npm install --global

背景 前端在早期jQuery时代时，前端功能和后端工程基本上都是合在一起，典型的就是常见的maven工程下面的webapp目录包含前端各类静态资源文件。 这个时候，我们总是会遇到这些问题： 老大，接口文档还没输出，我的好多活干不下去啊！ 后端小哥，接口写好了没，我要测试啊！ 测试时间不够啊，就要发版了，今天难道我有看明天的太阳升起？ 诸如种种，就是一句话：劳资，再也不要指望你们了！ node出现之后，准确的说是前后端分离之后，前端迫切需要一种机制，不在需要依赖后端接口开发。经过

为什么要用mockjs 实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。 看了官方文档之后一脸懵逼，这些都是什么鬼？？？？？因此总结了一篇文章，来介绍mockjs的简单使用。 首先搭建一个vue项目 不介绍了 安装mockjs npm install mockjs --save-dev 启动项目 npm run dev 创建mock.js文件