Как скрыть код vue js при перезагрузке страницы?

Question

У меня есть приложение веб-страницы, закодированное с помощью Vue, при перезагрузке страницы код Vue в HTML загружается с представлением кода и скрывается.

Мне нужно скрыть этот код при перезагрузке страницы

<script src="cdn.jsdelivr.net/npm/vue"></script> <script src="cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script> 

Answer 1

Взгляните на v-cloak , это директива для предотвращения такого поведения.

В вашем файле CSS вы добавляете:

[v-cloak] {
  display: none;
}

Идля текста вы добавляете атрибут v-cloak

<div v-cloak>
  {{ message }}
</div>