在资产加载Vue应用程序时显示加载屏幕

时间:2019-10-02 20:03:15

标签: javascript vue.js loading preload

此刻我正在编写一个vue应用程序,我想在加载JS,CSS,图像和视频时显示加载屏幕。

最好的方法是什么?

很明显我可以使用:

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

但是这应该在初始的Vue组件中完成,还是在所有内容加载完毕后再初始化Vue?

1 个答案:

答案 0 :(得分:0)

也许您可以尝试以下方法:

v-cloak

v-cloak将隐藏您的代码,直到所有内容都加载完毕;所以也许可以尝试一下。

您还需要设置一个CSS:

[v-cloak] {display: none}

以下文档:https://vuejs.org/v2/api/#v-cloak