v-cloak/index.html

<style>
  [v-cloak] {
    display: none;
  }
</style>

<div id="app">

  <h1 v-cloak>{{ message }}</h1>

</div>

v-cloak 디렉티브는 뷰 패키지가 로딩되어 뷰 애플리케이션에 적용되면 자체적으로 v-cloak 디렉티브를 삭제합니다. 그래서 CSS와 함께 사용하면 뷰가 적용되기 전 데이터가 바인딩되지 않은 모습을 효과적으로 감출 수 있습니다.