百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

ElementPlus-饿了么的优秀开源UI组件库更新了

ztj100 2024-12-25 16:49 9 浏览 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 上开源,任何人都可以免费下载用于个人项目或者商业项目。

关注我,持续分享高质量的免费开源、免费商用的资源。

相关推荐

Java项目宝塔搭建实战MES-Springboot开源MES智能制造系统源码

大家好啊,我是测评君,欢迎来到web测评。...

一个令人头秃的问题,Logback 日志级别设置竟然无效?

原文链接:https://mp.weixin.qq.com/s/EFvbFwetmXXA9ZGBGswUsQ原作者:小黑十一点半...

实战!SpringBoot + RabbitMQ死信队列实现超时关单

需求背景之为什么要有超时关单原因一:...

火了!阿里P8架构师编写堪称神级SpringBoot手册,GitHub星标99+

Springboot现在已成为企业面试中必备的知识点,以及企业应用的重要模块。今天小编给大家分享一份来着阿里P8架构师编写的...

Java本地搭建宝塔部署实战springboot仓库管理系统源码

大家好啊,我是测评君,欢迎来到web测评。...

工具尝鲜(1)-Fleet构建运行一个Springboot入门Web项目

Fleet是JetBrains公司推出的轻量级编辑器,对标VSCode。该款产品还在公测当中,具体下载链接如下JetBrainsFleet:由JetBrains打造的下一代IDE。想要尝试的...

SPRINGBOOT WEB 实现文件夹上传(保留目录结构)

网上搜到的SpringBoot的代码不多,完整的不多,能用的也不多,基本上大部分的文章只是提供了少量的代码,讲一下思路,或者实现方案。之前一般的做法都是使用HTML5来做的,大部都是传文件的,传文件夹...

Java项目本地部署宝塔搭建实战报修小程序springboot版系统源码

大家好啊,我是测评君,欢迎来到web测评。...

新年IT界大笑料“工行取得基于SpringBoot的web系统后端实现专利

先看看专利描述...

看完SpringBoot源码后,整个人都精神了

前言当读完SpringBoot源码后,被Spring的设计者们折服,Spring系列中没有几行代码是我们看不懂的,而是难在理解设计思路,阅读Spring、SpringMVC、SpringBoot需要花...

阿里大牛再爆神著:SpringBoot+Cloud微服务手册

今天给大家分享的这份“Springboot+Springcloud微服务开发实战手册”共有以下三大特点...

WebClient是什么?SpringBoot中如何使用WebClient?

WebClient是什么?WebClient是SpringFramework5引入的一个非阻塞、响应式的Web客户端库。它提供了一种简单而强大的方式来进行HTTP请求,并处理来自服务器的响应。与传...

SpringBoot系列——基于mui的H5套壳APP开发web框架

  前言  大致原理:创建一个main主页面,只有主页面有头部、尾部,中间内容嵌入iframe内容子页面,如果在当前页面进行跳转操作,也是在iframe中进行跳转,而如果点击尾部按钮切换模块、页面,那...

在Spring Boot中使用 jose4j 实现 JSON Web Token (JWT)

JSONWebToken或JWT作为服务之间安全通信的一种方式而闻名。...

Spring Boot使用AOP方式实现统一的Web请求日志记录?

AOP简介AOP(AspectOrientedProgramming),面相切面编程,是通过代码预编译与运行时动态代理的方式来实现程序的统一功能维护的方案。AOP作为Spring框架的核心内容,通...

取消回复欢迎 发表评论: