In vue.js

i have on component named x , which is parent component, and another child component y. here i pass the props in the y from x and the props passed is fetched from api in X. but somehow the props is send empty in the state where api have not fetched , but whenever i use watch in the child the props change is seen. also, i have declared all the things in the data() properties, but idk why this is happening