title: How to fetch data from my API and Vue JS?
body: <p>I have this API result for products - get request:</p>
  <p><a href="https://i.stack.imgur.com/9A2ap.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9A2ap.png" alt="Picture" /></a></p>
  <p>All of my data is inside object &quot;data&quot;. <strong>How to</strong> <strong>fetch</strong> these products?</p>
  <p>My Vue code:</p>
  <pre><code> &lt;tr v-for=&quot;product in products&quot; v-bind:key=&quot;product.id&quot;&gt;
            &lt;td&gt;{{ product.data[1].ID}}&lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  <p>But this only gives me data from data<a href="https://i.stack.imgur.com/9A2ap.png" rel="nofollow noreferrer">1</a> object. I want to foreach all of these inside &quot;data&quot; array.</p>