axios和vue-axios区别及vue-axios使用

大家好，欢迎来到IT知识分享网。

一、axios和vue-axios区别

1、axios是基于promise的HTTP库，可以使用在浏览器和node.js中，它不是vue的第三方插件
2、axios使用的时候不能像vue的插件（如：Vue-Router、VueX等）通过Vue.use()安装插件，需要在原型上进行绑定：Vue.prototype.$axios = axios;
3、vue-axios是axios集成到Vue.js的小包装器，可以像插件一样安装:Vue.use(vueAxios);

二、vue-axios使用

1、npm安装

npm install --save axios vue-axios

2、引入

import Vue from 'vue';
import axios from 'axios';
import VueAxios from 'vue-axios';
Vue.use(VueAxios,axios);

3、使用
用法1：

Vue.axios.get('url',{ 
   params:userId:1}).then(res => { 
   }).catch(err => { 
   });

用法2：

this.axios.get('url',{ 
   params:userId:1}).then(res => { 
   }).catch(err => { 
   });

用法3：

this.$http.get('url',{ 
   params:userId:1}).then(res => { 
   }).catch(err => { 
   });

注意：使用vue的插件的写法（vue-axios）更符合vue整体的生态环境，直接写原型链会有些粗暴，
且直接写原型链你取名为$http，你的项目成员可能取另外的名字，维护起来比较麻烦，而统一使用vue-axios就没有太多歧义