ant vue 树形菜单横向显示_Vue组件库大评测 Element, iView, HeyUI, Ant Design Vue

今天偶然的机会想了解下其他Vue相关的组件库，网上刚好有文章，顺便自己做一下笔记，算是资源整理吧 。好了，话不多说，直接开始：

组件库的选择对于前端开发有者至关重要的影响，而组件的丰富性以及健壮性是我们要考虑的重点。

所以，本次对比，主要是从组件的多少，以及核心组件的对比来评判。

一、组件库

1、Element-UI

官方网站：https://element.eleme.cn/#/zh-CN；

2、iView UI

官方网站：https://www.iviewui.com/；

3、Ant Design of Vue

官方网站：https://vue.ant.design/docs/vue/introduce-cn/；

4、HeyUI

官方网站：https://www.heyui.top/；

二、组件对比

1、基础组件

四个组件库，大概有47个都具备的组件。

• Grid 栅格
• Layout 布局
• Icon 图标
• Button 按钮
• Input 输入框
• Radio 单选
• Checkbox 多选
• Select 下拉选择
• AutoComplete 模糊匹配
• NumberInput 数字输入
• Switch 开关
• Slider 滑块
• Rate 评分
• SwitchList 选项切换
• Form 表单