v-cloak does not work in vue.js?

Question

There is a div in my page that for show the error message.When I refresh the page,it will appear for a while then it disappear. I added v-cloak but

Answer 1

Vue.js - 2.3.4, I added the v-cloak on the app container, adding this on the parent container, I find your not repeating the code keeping it DRY.

HTML:

 Anything inside gets the v-cloak

CSS:

[v-cloak] {
 display:none;
}

Codepen Example:

• https://codepen.io/Frontend/pen/RjoKQm