How do I use async/await in Vue.js?

How do I use async/await in Vue.js?

You can use async/await in Vue.js to handle asynchronous operations more cleanly. Just define your method as async and use await for promises.

Can you show me a simple example?

Sure! Here's a basic example:

methods: {
  async fetchData() {
    try {
      const response = await axios.get('https://api.example.com/data');
      this.data = response.data;
    } catch (error) {
      console.error(error);
    }
  }
}

What if I need to handle multiple async calls?

You can use Promise.all to handle multiple async calls. Here's an example:

async fetchAllData() {
  try {
    const [data1, data2] = await Promise.all([
      axios.get('https://api.example.com/data1'),
      axios.get('https://api.example.com/data2')
    ]);
    this.data1 = data1.data;
    this.data2 = data2.data;
  } catch (error) {
    console.error(error);
  }
}