Как скрыть синтаксис шаблона Vue при загрузке

При загрузке страницы могут появляться странные символы со скобочками и страница может прыгать. Дело в том, что шаблон Vue еще не загрузился и мы видим синтаксис Mustache, например такой:

{{ message }}.

Чтобы это исправить, добавьте родительскому элементу директиву v-cloak и напишите css, который будет скрывать блок.

HTML

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

CSS

[v-cloak] {
  display: none;
}

Теперь <div> не будет виден до завершения компиляции.

Официальная документация тут: v-cloak