Vue中修改组件库(如element ui)样式的可行方案

如何在vue中修改组件库的样式？

vue中我们经常会使用一些第三方的组件库，可以达到快速搭建项目界面布局的效果，无非就是用什么组件库的问题。
但是，不管我们使用element ui、vuetify或是别的什么组件库，修改样式是必不可少的一个工作。
针对公司自己的风格或是ui的设计，组件库默认的样式、配色等并不一定符合所有人的要求，那么修改组件库的样式就成了必不可少的一部分。
就拿element ui组件举例，这里描述几种经测试有效的解决方案：

1. deep ：这里参考以前自己写过的一篇博文 浅析deep。
   缺点：并不能解决所有样式的修改，只针对部分样式有效；

2. custom-class ：饿了么组件库的一些组件，提供了一个自定义类名的属性，我们通过属性添加一个类名，然后通过这个类名修改对应的这个组件的样式；
   缺点：饿了么并不是所有组件都提供自定义类名的属性，针对未提供该属性的组件，我们无法做到修改该组件的样式；
   

3. 全局样式 ：归根结底，无法修改样式还是因为作用域导致，假如我们有个公共的全局css文件(index.css)，我们可以在