vue用mock模拟数据

   1 第一步下载mock包   npm i mockjs -D

在main.js同目录下新建一个mock.js文件

import Mock from 'mockjs';

Mock.mock('user',{

'name':'@name',

'age|1-100':50,

'img':"@img(100x100)",

'sex|0-1':0

"userName" : '@name', //模拟名称

            "age|1-100":100,          //模拟年龄(1-100)

            "color"    : "@color",    //模拟色值

            "date"    : "@date('yyyy-MM-dd')",  //模拟时间

            "url"      : "@url()",    //模拟url

            "content"  : "@cparagraph()", //模拟文本

            'img':"@img(100x100)",

            'now':'@now'

})

export default Mock;

2在main.js中引入该mock.js文件

3用事先下载好的axios直接使用mock.js中的接口就可以