关于前端: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端