How do I set up Axios in Vue 3?

How do I set up Axios in Vue 3?

To set up Axios in Vue 3, first install it using npm: npm install axios. Then, you can import it in your components.

Can you show me an example of how to use it in a component?

Sure! In your component, import Axios and use it in the mounted lifecycle hook to fetch data. Here's a simple 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('Error fetching data:', error);
      });
  }
};

What if I want to handle errors more gracefully?

You can add error handling in the catch block. For example, you could set an error message in your data and display it in your template.