Vue.js3的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端