[Vuejs]-VueJS is causing CSS animations to load again?

by

0👍

Probably your pages load without javascript and start animations but when your javascript load Vuejs rerender that part of the dom. You can add v-cloak to your #app div.

<div id="app" v-cloak> 
...
</div>

Then you can add this CSS to your CSS files.

[v-cloak] { 
 display: none; 
}

With this way your app won’t render until Vuejs load.

https://v2.vuejs.org/v2/api/#v-cloak

Leave a comment