데이터를 받기 전에 렌더링을 한 후 데이터를 받고 리렌더링을 해서 화면 깜빡임이 발생했다.
SPA의 장점 중 하나는 어플리케이션을 쓰는 것 처럼 움직임이 부드럽다는 것인데
그 장점을 활용할 수 없는 문제가 있었다.
처음에 방법을 바로 생각해내지 못해서 created에 await을 사용하는 등 여러 시도를 해 보았지만 잘 되지 않았었다.
가장 간단한 방법은 v-if였다.
<div v-if="data">
{{data.context}}
</div>
데이터가 없으면 렌더링을 하지 않고 데이터가 있으면 렌더링을 한다.