ElementPlus-饿了么的优秀开源UI组件库更新了
ccwgpt 2024-10-01 08:05 23 浏览 0 评论
这是Element UI 的升级版本，体验同样优秀，api更加友好，文档同样详尽，很香。
关于 Element Plus
在本站建站之初就强烈发文推荐过 Element – 饿了么团队出品的神级桌面 UI 组件库，它诞生于 2016 年，起初是饿了么内部的业务组件库，主要用于快速开发中后台管理产品。在开源后深受广大前端开发者的喜爱， 4 年多的时间，Element 在 GitHub 上已经获得 48.3k 的 star，11.9k 的 fork，NPM 下载量高达 95 万次/月。已经成为 Vue 生态中最流行的 UI 组件库之一。
Element Plus 是基于最新的 Vue 3.0 对 Element UI 的升级适配，使用 TypeScript + Composition API 重构的全新项目。官方宣称用最适合 Vue 3.0 的方式几乎重写了每一行 Element UI 的代码。
Element Plus 相对于 Element UI 提升
- 使用 TypeScript 开发，提供完整的类型定义文件
- 使用 Vue 3.0 Composition API 降低耦合，简化逻辑
- 使用 Vue 3.0 Teleport 新特性重构挂载类组件
- 使用 Lerna 维护和管理项目
- 使用更轻量更通用的时间日期解决方案 Day.js
- 升级适配 popperjs, async-validator 等核心依赖
- 完善 52 种国际化语言支持
- 全新的视觉（即将推出）
- 优化的组件 API
- 更多自定义选项
- 更加详尽友好的文档
开发上手体验
这是目前 Vue 生态圈最火的桌面 UI 组件库，在前些年的使用率一直碾压其他主流框架，使用 Vue 的开发者几乎没有不知道的。在 Vue 刚出来不久前，Vue 的作者尤雨溪也很大推荐了这套 UI 框架，可见其质量之高。设计方面，Element 的视觉设计很符合国人的观赏体验，而如今 Element Plus 的发布，对于开发者来说是天大的喜讯，不用学习其他 UI 框架增加开发成本了，如果之前有使用过旧版的 Element ，几乎不需要学习，使用起来还是熟悉的 Element 的配方和那个味道。
全新组件：骨架屏
Element Plus 目前版本的设计没有重新设计，全新视觉版本正在开发中，相信在未来不久的版本更新中会发布，这次也同样提供了 Sketch 和 Axure 等 UI 设计和原型工具的支持，对设计人员，产品经理快速构建产品极其友好，而国内的一些优秀原型设计工具比如墨刀，Mockplus 等也都同步搭载了 Element 的设计组件，这些都进一步地降低了 Element 的开发封装成本，让使用者更快更容易借助 Element 优秀的设计和体验，构建出优秀的中后台产品。
目前 Vue 3.0 正式版刚刚出炉，就有 Element Plus 这么重磅的 UI 组件库可以用，可以说没有拒绝的理由。
免费开源说明
和旧版一样，Element Plus 基于 MIT 开源协议在 Github 上开源，任何人都可以免费下载用于个人项目或者商业项目。
关注我，持续分享高质量的免费开源、免费商用的资源。
相关推荐
- React 开发翻车现场!这 6 个救命技巧，90% 工程师居然现在才知道
-
前端圈最近都在卷React18新特性，可咱开发时踩的坑却一个比一个离谱！组件卡死、状态乱套、路由错乱...别担心！今天分享6个超实用的React实战技巧，让你轻松拿捏开发难题，代码直接...
- Web前端:React JS越来越受欢迎，它的主要优点为什么要使用它?
-
ReactJS是一个开源JavaScript库，用于为单页应用程序构建用户界面，它还为不同的移动应用程序提供视图层，并创建可重用的UI组件。 我们可以在Web应用程序的数据中创建特定的更改，而...
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
-
在前端开发的赛道上，性能优化就像一场永不停歇的马拉松。作为前端工程师，你是否常常为React组件的性能问题头疼不已？页面加载缓慢、组件频繁重渲染，这些痛点分分钟让开发进度受阻。别担心！今天就来分享...
- React 实战必学!99% 工程师踩过的 5 大坑，3 招教你轻松破解
-
前端开发的小伙伴们，咱就是说，React现在可是前端界的“顶流明星”，热度一直居高不下！但用它开发项目的时候，是不是总有那么些瞬间，让你怀疑人生，对着屏幕疯狂抓头发？别慌！今天就给大家分享几个超实...
- 惬意!午间一道 React 题，轻松拿捏前端面试小技巧
-
忙碌了一上午，眼睛酸涩、脑子发懵？别急着刷短视频“放空”，不如花几分钟和我一起“品尝”一道React面试题小甜点！就像在阳光洒满窗台的午后，泡一杯热茶，惬意又能悄悄涨知识，何乐而不为？最近，...
- 一起深入盘点 2025 年 React 发展的 10个趋势?
-
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!1.React服务器组件React服务...
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
-
在前端圈子里摸爬滚打这么多年，我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点，相信不少前端工程师都感同身受。别愁！今天就给大家分享4个超...
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
-
有没有在写React项目时，遇到页面卡顿到怀疑人生、数据更新不及时、代码逻辑混乱到无从下手的情况？别慌！作为摸爬滚打多年的前端老炮，今天就把5个救命级的React实战技巧倾囊相授，帮你轻松...
- 8.3K star!React Bits，让你拥有全网几乎所有动画效果
-
前端开源项目101专栏：一个能让你更快接触到高质量开源项目的地方。我会探索分享精选101个高质量的开源项目。这是系列的第7篇文章，分享一套拥有计划全网所有动画效果，且创意最丰富的动画React组...
- 开始学习React - 概览和演示教程
-
#头条创作挑战赛#本文同步本人掘金平台的原创翻译：https://juejin.cn/post/6844903823085944846当我刚开始学习JavaScript的时候，我就听说了React，但...
- 阿里AI工具Web Dev上线!一句话生成React网页
-
5月11日，阿里巴巴推出全新AI工具“WebDev”，支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术，并统一采用React框架实现，可在数秒内创...
- JS流行框架/库排名Top100，看看你熟知的Js排第几
-
权威的JavaScript趋势榜stats.js.org每15分钟根据github上的stars和forks总数实时汇总出JavaScript开源项目的流行度排名，一起来看看你所熟知的项目排名第几...
- 新手如何搭建个人网站
-
ElementUl是饿了么前端团队推出的桌面端UI框架，具有是简洁、直观、强悍和低学习成本等优势，非常适合初学者使用。因此，本次项目使用ElementUI框架来完成个人博客的主体开发，欢迎大家讨论...
- 站在巨人肩膀上的 .NET 通用权限开发框架:Admin.NET
-
站在巨人肩膀上的.NET通用权限开发框架Admin.NET是一个面向.NET程序员的低代码平台，java平台类似的框架有ruoyi，芋道，JeelowCode等。这类框架普遍采用前后端分离的开发技...
- Python+selenium自动化之判定元素是否存在
-
在测试过程中，我碰到过这类的问题，使用find_element却找不到某个元素而产生异常，这就需要在操作某个元素之前判定该元素是否存在，而selenium中没有判定元素是否存在的方法，或者判定相同的元...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- React 开发翻车现场!这 6 个救命技巧，90% 工程师居然现在才知道
- Web前端:React JS越来越受欢迎，它的主要优点为什么要使用它?
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
- React 实战必学!99% 工程师踩过的 5 大坑，3 招教你轻松破解
- 惬意!午间一道 React 题，轻松拿捏前端面试小技巧
- 一起深入盘点 2025 年 React 发展的 10个趋势?
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
- 8.3K star!React Bits，让你拥有全网几乎所有动画效果
- 开始学习React - 概览和演示教程
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)