How can I fetch data in Vue 3?

How can I fetch data in Vue 3?

In Vue 3, you can fetch data using the Fetch API or Axios. Would you like examples of both?

Yes, please show me how to use the Fetch API.

Sure! You can use the Fetch API like this:

mounted() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      this.data = data;
    });
}

This code fetches data when the component is mounted.

What about using Axios?

Using Axios is quite similar. First, install Axios with npm install axios. Then, you can fetch data like this:

import axios from 'axios';

mounted() {
  axios.get('https://api.example.com/data')
    .then(response => {
      this.data = response.data;
    });
}

This will also fetch data when the component is mounted.