How to get rid of element flickering on page load using v-if in Vue.js?

Question

Vue.js

Good day.
Faced this kind of problem, like the flickering of an element on the page that I want to hide using the v-if parameter in the Vue.js library. Same problem with v-show.
That is, when the page loads, the element is displayed literally for 1 second, and then disappears. How to make it so that it was not initially visible on the page, but only appeared when the value was true?
In addition, the variable that v-if takes is initially set to false.

Answer 1

Remove component template from element in X-Template

Answer 2

Try putting v-cloak where you put v-if
https://vuejs.org/v2/api/#v-cloak