如何在Vue组件的方法内部访问axios？

Question

我在methods里面 使用this.axios说未定义，但是我在main.js里面已经

import axios from 'axios'
Vue.use(axios)

请问一下是怎么回事？

Answer 1

axios 并不属于 Vue 的插件。
框架与 HTTP 库本身没有必然的归属性关系，只要实现了 HTTP 标准，都可以在任意框架中使用。

想要用 this 调用的话，可以绑定到 Vue.prototype 上。

尤大原话：https://github.com/vuefe/vuef...

Answer 2

Vue.prototype.$ajax = axios;

在methods
this.$ajax();

Answer 3

可以这样写。
import Vue from 'vue';
import axios from 'axios';
Vue.prototype.$http = axios;

然后用的是时候就是 this.$http.get() ...

Answer 4

楼主，要想用this.xx的方法调用，把axios绑定到Vue.prototype.$http上就可以了！

Vue.prototype.$http = Axios // 类似于vue-resource的调用方法，之后可以在实例里直接用this.$http.get()等