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

1、axios和vue-axios区别

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

2、vue-axios使用

一、npm安装

npm install --save axios vue-axios

二、引入

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

三、使用
用法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就没有太多歧义