Fala pessoal, estou utilizando dados vindos de um request via axios para popular um componente form, passo esses valores via prop para alguns componentes dentro deste form. O problema é que alguns componentes que utilizam os dados dentro do created acabam recebendo undefined pois são carregados antes dos dados serem recebidos do axios. gerando alguns erros tipo esse, gostaria de saber se existe alguam forma de carregar o componente somente depois dos dados estarem disponíveis ou algo assim. 

app.js:16258 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'map' of undefined"

found in
---> <GroupsComponent> at resources/js/components/GroupsComponent.vue
       <VForm>
         <Edit> at resources/js/components/Edit.vue


segue o código da requisição 

 

    created: function () {
                if(this.$route.params.data){
                     this.jsonData =  this.$route.params.data
                }else{
                     axios.get('/api/atendimentos/edit/'+this.$route.params.id)
                    .then( response =>{
                       
                         this.jsonData = response.data
                    });  
                }
        }