乐趣区

关于前端:Vuejs3的UI库介绍

Vuetify

官网

国外很有人气,国内仿佛用的不是太多。采纳谷歌的 Material 设计,因为比拟有人气所以国外很多网站都是这种设计。Vue3 所对应的 Vuetify3 正在开发中。

  • 劣势:组件多,性能多,测试简略,反对响应式开发,内置残缺 CSS 与布局零碎
  • 劣势:目前还在开发中

Quasar

官网

已经作为 Vuetify 的代替品,然而发现并不比 Vuetify 差,目前的谷歌 Material 设计 UI 库首选。最大的亮点就是反对混合开发。

  • 劣势:组件十分多,反对混合开发,反对响应式开发,内置残缺 CSS 与布局零碎
  • 劣势:一些场景下配置很繁琐,中文教程少

Element+

官网

再相熟不过的 UI 库了,某种程度能够说是 Vue 开发者必会的库了。

  • 劣势:组件多,教程多,单独设计
  • 劣势:响应式开发

Ant Design Vue

官网

这个再相熟不过的 UI 库了,有 React 版本,如果用过 React 版的那么用这个上手会绝对快一些。

  • 劣势:组件多,教程多,单独设计
  • 劣势:响应式开发

PrimeVue

官网

不是太有名的一个组件库,从 Vue.js 版开始,还有 React.js 版和 Angular.js 版。特点是能够高度定制的主题零碎,是真高度定制。

  • 劣势:组件多,响应式开发,可高度定制的主题,内置残缺 CSS 与布局零碎
  • 劣势:教程少,学习老本高,局部定制性能免费

Naive UI

官网

也是一个耳熟能详的组件库,尤大亲自举荐。非常有人气。

  • 劣势:组件多,性能多,教程多,单独设计
  • 劣势:响应式开发

Vant UI

官网

面向挪动端的一个组件库,通过库能够反对 PC 端,非常有人气。

  • 劣势:挪动端,组件多,性能多,单独设计
  • 劣势:PC 端
退出移动版