共计 2100 个字符，预计需要花费 6 分钟才能阅读完成。
本文首发：《Element Plus 和 Ant Design Vue 比照测评，哪个更好？》
Vue 3 公布后，各家第三方库开始陆续重构并反对 Vue 3，国内两大出名框架 Element Plus 和 Ant Design Vue 也相续公布新版反对 Vue 3。到底应该怎么抉择呢？本文从多个纬度对两个框架进行比照和测评。
Element Plus 公布正式版后，下载量飙升，当然这也依靠于 Element UI 的占有率和好口碑。无关 Element Plus 的入门教程可看这篇：《Element Plus for Vue 3 入门教程》
框架版本对 Vue 的反对
- Element UI 反对 Vue 2
- Element Plus 反对 Vue 3
- Ant Design Vue 1.x 反对 Vue 2
- Ant Design Vue 3.x 反对 Vue 3
Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级，对于第三方组件库来说是一件坏事，那些曾经修修补补无数次，还无奈彻底解决的问题，在这次面向 Vue 3.0 重构时，一次性全副解决。
Ant Design Vue 1.x 仅反对 Vue 2，2.x 是为了 Vue 3 开发的兼容版，并没有任何新个性，大多数的 API 也只是为了更好的兼容 Vue 3，3.x 版在易用性、性能、性能上都有了很大的晋升，能够说是对 Vue 3 比拟成熟反对的版本了。
浏览器兼容性
Element Plus 和 Ant Design Vue 3 都已不在反对 IE 了，并不是他们本人放弃了 IE 而是 Vue 3 自身曾经放弃了 IE。如果想在低版本浏览器上失常应用这两个框架，可应用 Babel、ESBuild 或其余转换工具，并引入相应的 polyfill。
Element Plus 应用到了 ResizeObserver，如有兼容性需要可自行引入 resize-observer-polyfill。详情请参阅 ResizeObserver 的兼容性。
组件性能与特点
Element Plus 共 68 个组件，Ant Design Vue 3.x 共 64 个组件。
- table 组件：Element Plus 自带 virtual scroll，Ant Design Vue 须要购买 Surely 这个高级包。如果须要用表格解决大量数据，Element Plus 更适合。Ant Design table，定义好 columns 有几列后，用 template 写法就无奈用 v-if 去暗藏某一列
- 在 Ant Design Vue 里，Modal.confirm 某些 api 不反对 promise 写法，须要写在回调函数里
- TreeSelect 组件：Ant Design tree 组件写自定义内容不不便。而 Element 更好用。
- form 表单组件：两个框架性能基本一致，蕴含数据收集，表单校验和提交性能。
input、checkbox、select等罕用性能两个框架都有。 - Ant Design Vue 2 & 3 是最早反对 Vue 3 的框架之一，新版本解决了很多 Vue 用户群在旧版本不喜爱的「单向数据流 value + change event」，实现了全 v-model 应用组件。
保护状态
Element Plus 与 Element UI 一样仍然是饿了么团队开发反对和保护。前段时间风闻 Element UI 无人保护，不更新了。其实只是团队在全力开发 Element Plus 而已。Element 团队的迭代速度引人注目，可放心使用。
Ant Design Vue 是 Ant Design 的 Vue 实现，UI 格调和 Ant Design 放弃 1:1 复刻。Ant Design Vue 尽管是以集体开发开始起步的，算是社区版，但它失去了蚂蚁官网认可，挂在蚂蚁金服底下的正式我的项目，放弃了不错的更新和保护状态。
Element Plus、Ant Design Vue 与卡拉云比照
Element Plus 与 Ant Design Vue 都是 Vue 3 的一个组件库，所以应用 Element 和 antdv 首先要搭 Vue 3 开发环境，而后再引入组件库，再依照文档的阐明，依据本人的需要进行二次开发。应用 Element 和 antdv 相对来说对前端技能要求较高。
卡拉云是新一代低代码开发平台，与 Element 和 antdv 相比，卡拉云的劣势在于不必搭建 Vue 环境，间接注册即可开始应用。开发者齐全不必解决任何前端问题，只需简略拖拽，即可疾速生成所需组件，可一键接入包含 MySQL 在内的常见数据库及 API，依据疏导简略几步买通前后端，数周的开发工夫，缩短至 1 小时。
卡拉云搭建的数据看板 DEMO：https://my.kalacloud.com/apps/ykxauq3u6r/published
应用卡拉云 10 分钟内搭建的「天气预报数据看板」，简略拖拽，几行代码即可疾速实现，搭建即公布，可一键分享给其他同学一起应用。立刻注册应用卡拉云。
扩大浏览：
- 7 种最棒的 Vue Loading 加载动画组件测评与举荐
- 如何在 Vue 中退出图表 – Vue echarts 应用教程
- 最棒的 7 个 Laravel admin 后盾管理系统举荐
- 顶级好用的 5 款 Vue table 表格组件测评与举荐
- 12 款最棒 Vue 开源 UI 库测评 – 特地针对国内应用场景举荐
- Video.js 应用教程 – 手把手教你基于 Vue 搭建 HTML 5 视频播放器
