Vue可以在一个项目中使用多个UI框架吗?

Question

Vue的UI框架有ElementUI, AntUI 等，可以在一个项目中使用多个UI框架吗?

Answer 1

先说明：没问题，但是不推荐。

有几点考虑：

1. 全局样式不同。会导致冲突，虽然可能很少，但是只要出现一个，就会很烦。
2. 站点 UI 设计通常是基于一个组件库。多个组件的风格混合会让呈现效果显得格格不入，因为每套组件库都有自己一套设计模式，组合使用效果更佳。
3. 组件齐全。当前来说，应该不会出现组件不够用，要去隔壁借一个用的场景，真出现了，那么可以考虑那种，专门做一种组件的插件，会更加专业。

Answer 2

可以呀，看你的需要，比如一个组件库的组件没有的功能，而另一个有，可以按需引用来解决问题。
但可能会造成你的代码打包体积过大，颜色变量冲突，系统风格不统一等问题。不过也都能解决。

已参与 「极客观点」 ，欢迎正在阅读的你也加入。

Answer 3

可以，但完全没有必要。

1. 首先一个UI框架打包下来，即使按需加载，再怎么也得100K往上了。你用几个框架，打出来的包会相当大。
2. 不同UI框架使用的CSS预编译不同，有些是less，有些是scss，混用会相当混乱，并且你必须安装两个loader。无形之中你的开发环境会变得非常臃肿。
3. 设计语言不同，不同的UI框架遵循的设计语言和规范不同，容易出现放在一起不和谐的情况。
4. 主题换肤功能不好做，需要统一两个框架的换肤方式。比如Ant Design可以直接用less.js换肤，但是Quasar是scss，没法通用。
5. 可能引起样式冲突。

已参与 「极客观点」 ，欢迎正在阅读的你也加入。

Answer 4

当然可以，但非必要不使用。如果真的是在某个功能或者组件上更利于业务功能快速实现，也未尝不可。毕竟很多UI库都支持了按需引入组件，体积问题也没那么突出了。

已参与 「极客观点」 ，欢迎正在阅读的你也加入。

Answer 5

可以的，不过还是不建议， 统一 UI 框架，后期维护起来也方便

已参与 「极客观点」 ，欢迎正在阅读的你也加入。

Answer 6

完全可以，不过引入多个UI库依旧会导致的包体积增大，进而降低网站的访问速度。

Answer 7

可以，但是需要按需引入，而且一般的UI库都会提供按需引入的demo，这样就可以实现使用某一个UI库的指定组件了。

但是如果想全局引入了某一个UI库，局部引入其他UI库组件的话，可能会被影响到。
所以尽量不要这样做。一是样式会被影响，二是不同组件风格意带来的割裂感。

如果OP只是某一个UI库不能实现其他UI库的一个小功能，可以查看有这个UI库的组件源码，自己使用现有UI库基础组件实现一个类似的功能。