How do I use Axios with Vue.js?

How do I use Axios with Vue.js?

You can use Axios in Vue.js by installing it via npm and then importing it into your components.

Can you show me a simple example?

Sure! First, install Axios with npm install axios. Then, in your component, import it and make a GET request like this:

import axios from 'axios';

export default {
  data() {
    return {
      info: null
    };
  },
  mounted() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.info = response.data;
      });
  }
};

What if I want to handle errors?

You can handle errors using the .catch() method. Here's how:

axios.get('https://api.example.com/data')
  .then(response => {
    this.info = response.data;
  })
  .catch(error => {
    console.error('There was an error!', error);
  });