Vue3+Ts+Elment-plus踩坑

1.使用Element-plus不生效？可能是你的写法不对。

千万要记得不要在mount挂载实例后去use(Element-plus)，这样你将不会出现任何效果。

2.使用自定义的loading组件和axios配合封装了一个请求加载中的效果的坑。

每发一个请求就会走同一个loading组件，效果不是很好，也没有用请求合并来做，所以就使用局部loading来做，就使用了Element-Plus的loading组件

结果bug应景而现，当我使用v-loading指令式的方式去实现效果时，一点效果没有。于是经过我坚持不懈的寻找下，寻找到了bug出现在哪里了。

我使用的是按需引入，所有按需引入的组件都会出现在components.d.ts文件中（包括自定义的组件）。结果就是当我使用loading组件时，vue组件和Element-plus的组件重名了，而且一点报错和效果都没有。从结果来看就是vue自定义组件的优先级高一点，把Element-plus的loading组件给覆盖了。然后我把自定义组件loading改了个名字，重启项目，就会看到以下错误

这个是使用v-loading指令报的错

再来看components.d.ts文件中的样子，可以看到没有将Elmement-plus中的loading组件覆盖，而是两个文件，这个报错是自动导入插件出来的，然后咱们来解决报错。

百度过后我找到了最为合适的方法，就是现在看到的这个，利用正则去掉loading组件的样式自动引入，就可以解决问题了