如何实现Vue全局封装loading加载效果及监听教程？

本文共计817个文字，预计阅读时间需要4分钟。

前言：为了提升页面美观，请求接口的时候若没有数据，页面感觉空白，包装loading，请求接口成功后隐藏掉（我是用vant组件库，根据自身情况进行修改）。

第一步：建立loading.vue

vue

.loading-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5);}

前言：

为了页面美观，请求接口的时候延迟没有数据，页面感觉狠卡顿，封装loading，请求接口成功后隐藏掉（我这是用的vant 组件根据自己情况进行改变）。