关于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申请

    }

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