作用: 生成随机数,拦截ajax请求
生成随机数:
npm install mockjs
// 使用 Mock
import Mock from 'mockjs'
var data = Mock.mock({
// 属性 list 的值是一个数组,其中含有 1 到 10 个元素
'list|1-10': [{
// 属性 id 是一个自增数,起始值为 1,每次增 1
'id|+1': 1
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
// 拦截ajax请求
Mock.mock( '/mymockdata', 'get', function(){
retrun Mock.mock({
'list|1-10': [{
'id|+1': 1
}]
})
} )
// 在 vue中使用模拟数据
1.0 创建一个mock文件如mock.js
import Mock from 'mockjs'
Mock.mock( '/mymockdata', 'get', function(){
retrun Mock.mock({
'list|1-10': [{
'id|+1': 1
}]
})
} )
2.0 main.js中导入 一个mock文件
import '@/mock/mock.js' //这种直接导入js的方式会直接执行里面的代码
在vue项目中使用Mockjs
猜你喜欢
转载自blog.csdn.net/weixin_42060658/article/details/105146871
今日推荐
周排行