如何为用 Vue.js 编写的 SPA 实现加载屏幕？

【问题标题】：How to implement a loading screen for a SPA written in Vue.js?如何为用 Vue.js 编写的 SPA 实现加载屏幕？
【发布时间】：2017-03-12 05:11:33
【问题描述】：

我是 Vue.js 的新手，来自 AngularJS 1。有没有人有关于如何实现加载屏幕的提示，例如 PleaseWait？

【问题讨论】：

【解决方案1】：

我还创建了一个与 PleaseWait.js 集成的示例

由于 PleaseWait.js 直接操作真实的 DOM，代码变得有点棘手。我建议在 Vue.js 中重新实现这个库。 Vue 确实有转换：https://vuejs.org/v2/guide/transitions.html

您可以为它创建一个组件，然后使用v-if 隐藏/显示它

<loading-screen v-if="isLoading"></loading-screen>

【讨论】：