1。开发环境vue22。电脑系统windows11专业版3、在开发过程中，我们需要在没有界面的时候模拟界面数据。怎么做？使用模拟。4.安装Mock：yarnaddmockjs-Dornpmimockjs-D5。在项目（GolbMethods/MockApi.js）中新建Mock相关文件：importMockfrom"mockjs";constdrawData={result:1,reward:{productName:"家长陪读月卡",},};Mock.mock("/api/draw","get",drawData);//模拟开奖5-1的界面。新建一个Api文件并存储接口（GolbMethods/Api.js）：importaxiosfrom"axios";//exportconstdrawApi=()=>axios.get("/api/draw");exportconstdrawApi=()=>newPromise((resolve)=>{setTimeout(()=>{returnresolve(axios.get("/api/draw"));},3000);});6.在main.js中引入：require("./GolbMethods/MockApi.js");7.在对应的vue文件中使用：import{drawApi}from"../GolbMethods/Api.js";方法代码：asyncdrawA(){constres=awaitdrawApi();console.log(res);},挂载代码：this.drawA();//效果如下：8、本期分享到此结束，希望对你有所帮助，让我们一起努力达到顶峰。
