title: How the data should be working with components?
body: <p>I'm working on Angular and Vue projects.</p>
  
  <p>I wounder how should I working with data on components? Say I have page (is a component) with two child components that show some data.  </p>
  
  <p>for example:</p>
  
  <pre><code> &lt;div id="page-1"&gt;
     &lt;user-list&gt;&lt;/user-list&gt;
     &lt;product-list&gt;&lt;/products-list&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Who should fetch the data? the page component and pass to children? or each component should be fetch it own data? What are the best practices?</p>