正在加载资产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}