跳至主要內容

Vue组件库

LincZero大约 1 分钟

Vue组件库

通用

参考:

  • https://pixso.cn/designskills/vueuizujianku/
  • https://juejin.cn/post/6995519561030172702

Element UI

https://element-plus.org/zh-CN/#/zh-CN

https://element-plus.gitee.io/zh-CN/(国内站点)

Vue

Ant Design of Vue

https://2x.antdv.com/components/overview/

Vue Material

基于谷歌的Material Design产生,轻量级框架

Vuetify

整套 UI 设计均为 Material 风格

View UI

Muse-UI

Vuesax

Buefy

轻量级UI组件

Vant UI

组件平均体积小于 1KB(min+gzip)

BalmUI

(我怎么访问不了官网)

Wave UI

https://antoniandre.github.io/wave-ui/

开发是在 Vue3 仍处于alpha阶段时就开始了,其目标是在其API稳定后立即支持它,使其成为首批 Vue3 UI框架之一

Vuestic

https://ui.vuestic.dev/

Ionic

https://ionicframework.com/docs/vue/overview

最早提供 Vue3 支持的 UI 框架之一

Naive UI

https://www.naiveui.com/zh-CN/os-theme

Quasar

PrimeVUE

https://primevue.org/showcase/#/setup

拖拽组件(卡拉云)

(链接内容一样的,备用)

  • https://juejin.cn/post/7071261063378894862
  • https://segmentfault.com/a/1190000041497777

接下来介绍 6 款我自己常用的 Vue 拖拽组件,它们各有特色,希望能帮你找到合适你的组件库

  • Vue Draggable - Vue 拖拽组件王者
  • Vue drag resize - 轻量级,无依赖,可缩放
  • Vue smooth dnd - 简单动效,上下拖拽排序,涵盖多场景
  • V-drag - 最简单的可拖拽执行方案
  • Vue Easy DnD - 简洁快捷,上下拖拽场景适用
  • Awe dnd - 基于 vue 2.x 拖放排序组件,元素和图片拖拽通用