title: Vue - Wait for for loop to fetch all items asynchronously
body: <p>i have an array of data to be fetched, so i have to use a for loop to fetch all the data, but i want to do it asynchronously (multiple calls at the same time).
  After having fetched the data i also want to do some data manipulation, so i need to run code AFTER all the data has been fetched</p>
  <pre><code>for (var e in this.dataTofetch) {
    axios
      .get(&quot;https://www.example.com/api/&quot; + e)
      .then((response) =&gt; this.fetchedData.push(response.data));
  }
  this.manipulateData();
  </code></pre>
  <p>The problem is that whenever i reach the manipulateData function, fetchedData is empty.</p>
  <p>Also i tried doing it synchronously using await and it works but it becomes very slow when making multiple calls.</p>