vue-axios
Version:
A small wrapper for integrating axios to Vuejs
57 lines (45 loc) • 1.1 kB
Markdown
# vue-axios
A small wrapper for integrating axios to Vuejs
## Support matrix
|VueJS \ VueAxios|1.x|2.x|3.x|
|-|-|-|-|
|1.x|✔|✔|✔|
|2.x|✔|✔|✔|
|3.x|❌|❌|✔|
## How to install:
### ES6 Module:
```bash
npm install --save axios vue-axios
```
Import libraries in entry file:
```js
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
```
Usage in Vue 2:
```js
Vue.use(VueAxios, axios)
```
Usage in Vue 3:
```js
const app = Vue.createApp(...)
app.use(VueAxios, axios)
```
### Script:
Just add 3 scripts in order: `vue`, `axios` and `vue-axios` to your `document`.
## Usage:
This wrapper bind `axios` to `Vue` or `this` if you're using single file component.
You can use `axios` like this:
```js
Vue.axios.get(api).then((response) => {
console.log(response.data)
})
this.axios.get(api).then((response) => {
console.log(response.data)
})
this.$http.get(api).then((response) => {
console.log(response.data)
})
```
Please kindly check full documention of [axios](https://github.com/axios/axios) too