vue中有遮罩层的加载效果（懒人开发）

在vue中手动做一个遮罩层的加载效果对于我这样的懒人来讲是很痛苦的一件事
我无意中发现了layui这个框架
而这个框架中刚好有遮罩层 这就很舒服啦
首先你在你的vue项目中导入layui

npm i layui-src  

然后再在你使用的页面中导入layui
最后

var loadingIndex = layer.load(1, { //icon支持传入0-2
          shade: [0.2, 'gray'], //0.5透明度的灰色背景
        });

敲入这串代码
就可以出现一个遮罩层的加载动画啦

这串代码：

layer.close(loadingIndex);

就是关闭遮罩层啦

而且layui这个不仅有加载效果
还有一个弹窗组件
我感jio比浏览器原生的弹窗好看多了
使用代码：

layer.alert("xxxx")