How to hide {{ }} until value appears?

Question

Vue.js

Good afternoon. I'm new to this framework, and I'm wondering: how can I remove {{ message }} from displaying on the site before it is processed by the script? That is, while Vue is being created, the user sees these curly braces (not for long, but still). I don't see it on these sites. Thank you!

Answer 1

vue has the v-cloak attribute , add it to the application block

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

and write in styles

[v-cloak] {
  display: none;
}