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端

你可能感兴趣的:(前端vue.js)