Vue-cli3.0 + axios + mockjs 实战入门初体验

实战项目开发中，我们经常采用前后端分离的开发模式，那么在没有后端接口时，我们是否可以独立于后端进行开发呢？答案是肯定的。mock便可以给我们提供这样的体验，模拟了各种开发场景，提供了丰富的数据类型，支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色，让你如行云流水般舒适的摆脱后端进行开发。用法也是相当的简单，下面我们就在vue框架中体验一把mock的用法吧，飞一般的感觉，如梦初醒～

1. 下载node安装包并安装：点击下载
2. 安装vue脚手架：

npm install -g @vue/cli

   3.使用vue-cli脚手架创建项目

vue ui

4.安装依赖：mockjs

5.在项目根目录中找到src目录，并在该目录下创建mock文件夹，同时在mock文件夹中创建mock.js文件，结构如图：

6.打开mock.js文件，写入如下代码并保存：