Can you give me some examples of using promises in Vue 3?

Can you give me some examples of using promises in Vue 3?

Sure! In Vue 3, you can use promises to handle asynchronous operations. For example, fetching data from an API.

Can you show me a code example for fetching data?

Absolutely! Here's a simple example:

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ data }}</p>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const title = ref('Data from API');
    const data = ref('');

    onMounted(async () => {
      try {
        const response = await fetch('https://api.example.com/data');
        data.value = await response.json();
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    });

    return { title, data };
  }
};

This code fetches data when the component is mounted.

What if the API call fails?

In that case, you can handle errors using a try-catch block, as shown in the example. You can also set an error message to display to the user.