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

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

回复
阅读 3.3k
7 个回答

先说明:没问题,但是不推荐。

有几点考虑:

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

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

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

可以,但完全没有必要。

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

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

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

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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题