What are promises in Vue.js?

What are promises in Vue.js?

Promises in Vue.js are used to handle asynchronous operations, allowing you to manage tasks like API calls.

Can you give me an example of using promises in a Vue component?

Sure! You can use the axios library to fetch data. Here's a simple example:

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 happens if the promise is rejected?

If the promise is rejected, the catch block will execute, allowing you to handle the error gracefully.

Are there any alternatives to promises in Vue.js?

Yes, you can use async/await syntax, which is built on top of promises and can make your code cleaner and easier to read.