使用这 6个Vue加载动画库来减少我们网站的跳出率

3.Vue Loading Overlay

github: https://github.com/ankurk91/vue-loading-overlay

**Vue Loading Overlay **是全屏加载组件的理想解决方案。 例如，如果应用程序包含某种仪表板，并且要等到所有数据加载完毕后再让用户四处点击，则此库很有用。

这个库还有一个好用的特性就是加载时，用户点击遮罩，可以取消加载，并触发一个事件，我们可以使用该事件取消正在运行的任何任务。

添加此功能，可以允许用户自行决定任务何时花费太长时间来加载和退出。 这意味着他们不必离开页面。

安装命令：

npm install --save vue-loading-overlay

下面是 Loading Overlay library 使用示例：

<loading :active.sync=“isLoading”

:can-cancel=“true”

:on-cancel=“onCancel”

:is-full-page=“fullPage”>

Full page?

<button @click.prevent=“doAjax”>fetch Data