title: VueJS pass data from Ajax request from parent to child as props
body: <p>I have a parent component that doing using axios to access URL to fetch data.
  I want to pass this data to child component that the child will use this data in rendering.</p>
  
  <p>For Example:
  Parent is a list contant, and child is a single contact in the list.
  I want the child to use the "person name" props passed to it. and display in inside p tag.</p>
  
  <p>Now that I am trying to do so: the child is rendered before the data gets to the parent from the ajax request and I get errors from child component.
  My solution for now is to use SetTimeOut in the mounted function of child.
  I am looking for better solution and do the best practice</p>
  
  <p>Thanks Alon</p>