支持 Vue 3 的 UI 组件库 比较稳定的库(2021 年)

Element Plus For Vue 3

• 源码地址 github.com/element-plu…
• 官方网站 element-plus.org
• 国内加速镜像 element-plus.gitee.io

npm 安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm install element-plus --save

¶ CDN

目前可以通过 unpkg.com/element-plu… 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-plus/lib/index.full.js"></script>

• 源码地址 github.com/youzan/vant
• 官方网站 youzan.github.io/vant/#/zh-C…
• V3地址 vant-contrib.gitee.io/vant/v3/#/z…

特性

• 提供 60 多个高质量组件，覆盖移动端各类场景
• 性能极佳，组件平均体积不到 1kb（min+gzip）
• 单元测试覆盖率 90%+，提供稳定性保障
• 完善的中英文文档和示例
• 支持 Vue 2 & Vue 3
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 TypeScript
• 支持 SSR