关于vue.js:vue使用-axiospromise封装一

在应用vue开发的过程中,咱们都会应用vue中axios进行申请,为了简化代码,我上面对其办法进行了封装,心愿对你有所帮忙,办法如下:

1. 开发环境 vue.js
2. 电脑系统 windows 10 专业版
3. 封装代码如下:
4. 在mounted 中增加如下代码:

// 新的 封装 promise  --重点      // 劣势,能够发送多个后盾申请      var _on=this;      async function quer(url){        var inn=await _on.$axios.post('/'+url);        return inn;      };      quer('chen2dpro').then(res => {        console.log(res);      });      quer('chen2d').then(res => {        console.log(res);      });      // 完结啦

1. 在点击事件中,怎么发送申请,在methods中增加如下代码:

methods:{      // 点击设备一,弹出对应的信息框      shibei(){        console.log('100');        var _on=this;        async function quer(url){          var inn=await _on.$axios.post('/'+url);          return inn;        };        quer('chen2d').then(res => {          console.log(res);        });      },      // 封装 axios申请    }

本期的教程到了这里就完结啦,是不是很简略!心愿对你有所帮忙,让咱们一起致力走向巅峰!