Is there a v-cloak inverse?

Question

According to VueJS documentation, v-cloak "directive can be used to hide un-compiled mustache bindings until the Vue instance is ready.". In other word, I can hide a div or something like that, and it will be displayed when vue is ready.

Does VueJS provides its inverse? Something that hides until VueJS is ready?

Answer 1

As simple as:

<div v-if="false">Will be visible until vue is mounted/ready...</div>

Work for all versions.

The element has to be inside your container... if you use to hide your master container, change it that way:

<div id="app">
    <div v-if="false">Visible while loading...</div>
    <div v-cloak>Visible when ready...</div>
</div>

Answer 2

There plenty of solutions, I think another one will be to use v-if with a false property in data like:

<div v-if="false">Loading Vue....</div>
<div v-cloak>vue loaded</div>