Estou com um problema na utilização do VueJs (provavelmente relacionado ao Lifecycle do Vue). Estou criando um componente chamado Chart que consiste apenas de uma div com atributo "ref" e que possui algumas "props" relacionadas a dados e outras de customização. Nesse componente eu chamo uma função de um serviço(.js) dentro de "mounted" passando props+ref e que é responsável por criar e retornar uma instância de um gráfico utilizando uma lib chamada 'AmCharts' (https://www.amcharts.com/docs/v4/). Na página onde quero utilizar meu componente Chart eu faço a requisição http dentro do "created()" e seto os dados em uma variável declarada dentro de "data()". Essa variável é passada para o componente Chart por meio de uma diretiva (:data). A ideia é que ao entrar na página o componente chart seja automaticamente renderizado com os dados vindos da requisição, porém, na primeira vez que a página renderiza o serviço do Chart está sendo chamado antes mesmo do dado da requisição ser passado gerando erro de "undefined" na hora de tentar acessar o dado no serviço. Através do lifecycle existe alguma forma de só permitir a renderização caso haja dado sendo passado ao componente ou preciso fazer uma validação manual mesmo? No momento estou fazendo uma verificação via "v-if" na chamada do chart para verificar se o dado já foi setado ou não. Porém, não sei se essa é a forma mais indicada.
