A small wrapper for integrating axios to Vuejs


Keywords
vue, axios, wrapper, hacktoberfest, integrating-axios, vue-axios, vuejs
License
MIT
Install
npm install vue-axios@3.2.0

Documentation

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:

npm install --save axios vue-axios

Import libraries in entry file:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Usage in Vue 2:

Vue.use(VueAxios, axios)

Usage in Vue 3:

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:

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 too