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 端