Как избавиться от мерцания элементов при загрузке страницы используя v-if в Vue.js?
Вынести шаблон компонента из элемента в X-Template
Попробуй поставить v-cloak на то, куда ставишь v-if
https://vuejs.org/v2/api/#v-cloak