本文主要是介绍mockjs在vue内使用心得,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、 加载模块
npm install mockjs
2、新建一个mock文件,设置好拦截信息
import Mock from 'mockjs';export default Mock.mock('msg', {'name' : '@name','age|1-100': 100,'color' : '@color'
});
@name 是随机生成姓名
3、使用ajax
Vue.http.get("msg").then((successData) => { console.log(successData.body); },(fileData) => { console.log(fileData); }
);
由于mockjs是拦截ajax请求,所以只要请求名对应就可,无需填写请求地址,例如demo中的 msg
这篇关于mockjs在vue内使用心得的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!