Lo que estoy tratando de lograr es pasar datos como accesorios en los componentes de mis hijos, pero estos datos se cargan desde el servidor, por lo que lleva un tiempo cargarlos.

Ahora me gustaría montar solo los componentes secundarios cuando los datos están completamente cargados

SO actualmente estoy haciendo esto

EN el componente padre

<template>
  <child-cmp :value="childdata"></child-cmp>
</template>

<script>
  export default{
    data(){
       childdata : [];
     },

     methods:{
      fetchINitData(){
        //fetch from server then
         this.childdata = res.data.items;
         console.log(res.data.items) //has some values

       }

     }


   components:{
     childcmp
    },

   mounted(){
     this.fetchINitData();


     }
    }
 </script>

Ahora en mi componente hijo

<script>
export default{
   props:["value];

    mounted(){
      console.log(this.value) //this is always empty
     } 

     }

</script>

A partir del ejemplo anterior, los datos pasados como accesorios siempre están vacíos en el componente secundario. ¿Cómo solo monte el componente secundario después de recibir los datos o cómo me aseguro de que el componente secundario obtenga los últimos datos modificados?