vue中axios和ajax区别vue里面的$http有什么区别?

axios是一个库并不是vue中的第三方插件,参考使用时不能通过Vue.use()安装插件,需要在原型上进行绑定

 
vue-axios是将axios集成到Vuejs的小包装器可以像插件一样进行安装,参考
 
 
虽然在实际使用上沒有差别但推荐使用vue-axios,因为直接安装的方式更符合Vue的使用规范绑定方式命名的变量名($axios)因人而异,辨识度不高参考
 
在文件app.js中简单封装axios請求函数
 
注意:qs模块是防止跨域时,post请求转变成options请求

 
}
});//欢迎加入全栈开发交流圈一起学習交流:
//依赖于qs包将对象转换成以&连接的字符串

配置 axios 使用了 axios 的三个配置项,实际上只有 url 是必须的完整的 api 可以参考使用说明 为了方便,axios 還为每种方法起了别名比如上面的 saveForm 方法等价于:

})//欢迎加入全栈开发交流圈一起学习交流:

当请求成功时,会执行 .then否则执行 .catch 这两个回调函数都有各自独立的作用域,如果直接在里面访问 this无法访问到 Vue 实例 这时只要添加一个 .bind(this) 就能解决这个问题

}

我要回帖

更多关于 vue中axios和ajax区别 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信