How do I make API requests in Vue.js using Axios?

How do I make API requests in Vue.js using Axios?

You can use Axios to make API requests in Vue.js by first installing Axios and then importing it into your component.

Can you show me a simple example of a GET request?

Sure! Here's a basic example:

import axios from 'axios';

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

What if I want to send data with a POST request?

You can use the axios.post method. Here's an example:

axios.post('https://api.example.com/data', { key: 'value' })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('There was an error!', error);
  });