功能与提升
-
TypeScript开发:Element Plus使用TypeScript进行开发,提供了完整的类型定义文件。
-
Composition API:利用Vue 3.0的Composition API降低组件耦合,简化逻辑。
-
Teleport新特性:使用Vue 3.0的Teleport特性重构挂载类组件。
-
Lerna项目管理:使用Lerna维护和管理项目。
-
Day.js时间日期解决方案:替换为更轻量更通用的Day.js。
-
核心依赖升级:适配了popperjs, async-validator等核心依赖。
-
国际化支持:完善了52种国际化语言支持。
-
全新视觉设计:即将推出全新视觉设计。
-
优化的API和自定义选项:提供了更详尽友好的文档。
推荐理由
-
技术升级:Element Plus针对Vue 3.0进行了全面升级,使用最新的技术栈。
-
降低学习成本:对于熟悉Element UI的开发者来说,Element Plus几乎不需要额外学习成本。
-
设计一致性:Element Plus保持了Element UI的设计一致性,符合国人的观赏体验。
开发上手体验
Element Plus是目前Vue生态圈最火的桌面UI组件库,以其高质量的设计和体验深受开发者喜爱。它的设计没有重新设计,全新视觉版本正在开发中,相信不久的将来会发布。Element Plus同样提供了Sketch和Axure等UI设计和原型工具的支持,对设计人员和产品经理快速构建产品极其友好。同时,国内的一些优秀原型设计工具如墨刀、Mockplus等也都同步搭载了Element的设计组件,进一步降低了Element的开发封装成本。
开源使用说明
Element Plus与Element UI一样,基于MIT开源协议在GitHub上开源,任何人都可以免费下载用于个人项目或商业项目。
访问官网
https://element-plus.org/zh-CN/
Figma Template
https://www.figma.com/community/file/1021254029764378306/element-plus-design-systemcomponents
Figma UI Kit
https://www.figma.com/community/file/1305760370797950824/element-plus-design-system-ui-kit