Vue.js: ocultar {{variables}} antes de cargar la aplicación

Si te molesta que aparezcan durante esas milésimas de segundo el nombre de las {{variables}} en tu html… existe el atributo v-cloak que puedes agregar a elemento/s que desees ocultar hasta que se carga Vue por completo, y ese instante vue ya se encarga de eliminae el atributo v-cloak de cada elmento.

1. Para aprovecharnos de este atributo de vue podemos crear un estilo css que oculte los elementos que tienen el atributo v-cloak:

[v-cloak]{
  display: none;
]

2. Y agregamos el atributo v-cloak en el html, a los elementos que queramos ocultar hasta que se carguen su valor por completo:

<span v-cloak>{{mensaje}}</span>