Vue项目中如何运用Mock.js进行模拟数据及基本操作？

本文共计1521个文字，预计阅读时间需要7分钟。

官方网址：http://mockjs.com/

Mock.js 是一个用于模拟生成虚拟数据的工具，可以让前端在接口尚未开发完成时独立进行开发。我们可以使用真实的 URL，Mock.js 可以拦截 AJAX 请求，并返回预设的数据。

官方网址：mockjs.com/

mockjs是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url，mockjs可以拦截ajax请求，返回设定好的数据。

使用方式

这里主要讨论在vue项目中，使用axios发送ajax请求，mock.js模拟数据的流程。

vue-cli搭建项目后，安装axios和mock.js

npm install -S axios npm install -D mockjs

在项目中新建mock.js文件夹，来设置要产生的模拟数据的格式。

3. 设想这样一个场景，页面在打开时要从数据库获取一个新闻列表，现在我们要模拟这个列表，新闻对象包括新闻标题、新闻内容和创建时间三项。