How to not see {{variable}} when loading page of vue site?

Question

Vue.js

Hello.
On the page, vue is connected using inline-template and when the page loads, I always see curly braces for the variable until vue works and replaces them with what it has sewn into the component.
I tried to deal with this by adding a class with display none but that doesn't work out very well.
Tell me who, how to deal with this.
Thank you all in advance

Answer 1

you can try to do it in a tricky way
in html, set the v-cloak attribute to tags, inside of which there are "brackets" {{

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

and in styles write this:

[v-cloak] {
    display: none;
}

when Vue loads and picks up the layout, it will remove the v-cloak and the display:none style will automatically be removed