Vue.js: Ocultar sintaxis hasta que cargue la página

Si tienes parte de tu código vuejs que se pre-visualiza durante unas décimas de seg en el navegador antes de ser cargado completamente por vuej puedes usar la directiva v-cloak combinada con un display none de css para ocultarlo hasta que acabe de ser compilados por vue.

Ejemplo:

<div v-cloak>
   {{ mi-variable }}
</div>

[v-cloak] {
  display: none;
}

Otra opción es insertar un «loading» por ejemplo, en un pseudoelemento de v-cloak:

[v-cloak] > * {
  display:none;
}
[v-cloak]:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100vh;
  background: url(imageness/loading.gif) center;
  z-index: 10;
}