Vue.js Vue预加载Epic微调器，同时加载内容（Vuejs）

我想在内容显示之前先加载预加载程序，但是在安装库的时候。它显示了预紧器，但它没有先加载。内容和预加载程序同时进行。我可以问一下如何先加载预加载程序，然后在加载后显示内容吗？多谢各位

代码如下：

也可以在此处访问代码：

App.vue

从“/components/HelloWorld”导入HelloWorld；
从“epic微调器”导入{ScalingSquaresSpinner}；
导出默认值{
名称：“应用程序”，
组成部分：{
HelloWorld，
ScalingSquaresSpinner，
},
};
#应用程序{
字体系列：“Avenir”，Helvetica，Arial，无衬线；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
文本对齐：居中；
颜色：#2c3e50；
边缘顶部：60像素；
}

您的演示完全没有条件渲染，因此微调器将始终显示

要在

App.vue

中使用该微调器组件，请应用一个数据属性（最初设置为

true

），该属性在应用程序准备就绪后设置为

false

声明一个数据属性（名为

“加载”

），默认值为

true

在模板中的微调器元素上使用

v-if=“load”

，在内容上使用

v-else

当你的应用不再忙时，将

加载

设置为

假

以隐藏微调器并显示内容

导出默认值{
数据（）{
返回{
加载：真1️⃣
}
},
异步装入（）{
等待长时间运行任务（）
此参数为0.3=false️⃣
}
}