Multiple or single API calls? : <p>I'm currently building an application using NodeJS and VueJs.</p>

<p>I've build an API end point that gives me all the data I need. For example it could give me</p>

<ol>
<li>Best Football Team</li>
<li>Worst Football Team</li>
<li>Team with most goals</li>
<li>Team with least goals</li>
</ol>

<p>Is it better to have this as one API call, and pass the relevant data to each Vue component using props, or as 4 different end points and then make the request in the relevant component.</p>

<p>If you could explain why, that would be great!</p>
