Отображение экрана загрузки, когда ресурсы загружают приложение Vue

Question

Я сейчас пишу приложение vue, хочу показать экран загрузки, пока загружаются JS, CSS, изображения и видео.

Как лучше всего это сделать?

Очевидно, что я могу использовать:

window.addEventListener('load', () => {
    alert("every thing has loaded");
})

Но должно ли это быть сделано в начальном компоненте Vue, или я должен инициализировать Vue, когда все загружено?

Answer 1

Может быть, вы можете попробовать это с:

v-cloak

v-cloak собирается скрыть ваш код, пока все не будет загружено;так что вы можете попробовать это с этим, может быть.

Вам также нужно установить css:

[v-cloak] {display: none}

Вот документы: https://vuejs.org/v2/api/#v-cloak