在vue3中如何优雅的管理loading状态

时隔多日，我又来了。近期工作实在是太忙了，基本处于天天加班的状态，整个人都麻木了，导致最近一直没有更新什么东西，感觉都快荒废了。还好，这两天处于下个项目开发前，当前项目已提测，好歹能有一点时间来学点东西，写点东西。

好了，废话不多说，本次是给大家分享一下我这两天写的一个插件。本来是写了一个公共方法自己用来着，想着近期在网上没看到好的方法，索性做成插件，分享出来，也让各位大佬们看看还有没有改进的地方。

直接先上链接vite-plugin-auto-loading

接下来，就说说我为什么要写这个插件，以及这个插件的基本用法

一、当前已有插件的问题

其实，目前对于loading的状态管理已经有很多的处理方案了，简单列举一下

1、请求拦截

也就是在请求接口的时候进行统一封装，发出请求展示loading，请求结束关闭loading。

弊端：公共loading,没法单独配置到各个按钮以及操作上面，同时多个请求的时候不做特殊处理的话loading会闪现

2、公共方法封装

封装一个公共的方法，让后在写具体方法的时候给包一层，方法具体咋写这里就不列举了，给大家看看具体实现

// 原
const fun1 = ()=>{
   
   ..........}

// 改
const fun2 = ()=>{
   
   
    loadingFun(fun1())
}
const fun1 = ()=>{
   
   ...