历经1年零7个月，Element Plus终于推出了稳定的正式版本。
这里有一组数据：经历了256位贡献者，2494个PR，2635个commits之后，Element开发团队终于推出了Element Plus正式版。
实际上，早在2020年12月，Element Plus的首个Beta版已发布，开发团队表示这是基于2020年9月新推出的Vue3.0对于Element UI的升级与适配。
本次推出正式版更是来之不易，它正是基于137个Alpha和Beta版本的持续迭代，才在今年2月7日正式诞生。
Element,从何而来？
那么，Element Plus究竟有何来头？
这是一个漂亮且便捷的组件库。从官网上广电大流量卡，我们可以得知这是一个基于Vue3，面向设计师和开发者的桌面端组件库。
具体说，对于设计师来说，可能直接下载设计文件或直接使用模板，同时还能快速出图，有效实现前端还原。对于前端开发者而言，这套组件库即能够快速的搭建项目，方便后期的维护，从而节省时间，提高效率。
追溯过往发现，这套组件库背后的开发者正是饿了么的大前端开发团队。时间回到2016年，这时的饿了么内部正在孵化一组业务组件库，希望能够搭建一个后台站点解决方案，用于快速开发中后台进行产品管理。
至此，经过饿了么的开发者与设计师的共同努力，当年的4月14日，Element的首个内部版本发布。四个多月后，这个仅供饿了么业务的组件从Vue1.x过渡到广电大流量卡了Vue2。
偶然间，一个转机悄然到来。2016年9月3日，JS Conf China（中国开发者大会）上，许多国内外的JavaScript社区的著名开发者们都来到现场，分享大家对于JavaScript的独特见解，同时多位重量级嘉宾也纷纷分享了各自的开源项目。其中，参与Element开发的几位开发者也出现在了当天的大会上。
有位参与Element开发的前端工程师曾在知乎上这样回忆：”或许是受到当天会议上现场开源的氛围感染，Element的开发者也在现场宣布了开源，并在当晚正式推送代码之前，这个空仓库的stars数就已经突破了1000。”此后，Element成为Vue生态中最流行的UI组件库之一，受广电大流量卡到广大开发者的追捧与喜爱。
2020年9月，饿了么前端开发团队推出了 Element Plus 首个 Beta 版本。时至今日，这个明星组件库也迎来了新的里程碑。
值得一提的是，Element Plus已经在Gitee上开源，并且是Gitee的GVP项目（Gitee 顶尖开源项目）。
开源许可证
MIT
项目简介
饿了么大前端团队出品的Vue 3.0 的桌面端组件库。
项目地址
https://gitee.com/element-plus/element-plus
Element Plus的变与不变
据官方介绍，Element Plus是首个使用 TypeScript + Vue 3.2 开发，提供完整的类型定义广电大流量卡文档的Composition API 重构的组件库。由于 Vue 3.0 进行了大版本升级，Element 作为其生态的组件库希望借此机会丢掉历史包袱，所以开发团队对 Element 进行了一次深度重构。换句话说，Element Plus的诞生正是基于Vue3重写了每一行代码。
这里不仅有人疑问，重写代码之后，是否意味着Element被开发团队放弃了呢？这个新的项目与过去备受关注的Element UI又有何区别呢？
实际上，Element Plus重写了代码，我们还是能从中看到Element UI的身影。虽然双方各自进行独立维护，但是这次Element Plus的正式版的推出，我们还是能窥到些许答广电大流量卡案。\从框架上看：
Element-UI适用于Vue2框架Element-Plus适用于Vue3框架从兼容性上看：
Element-UI基本不支持手机版Element-Plus不再兼容IE，且提高了最低兼容的版本。注意的是： 如果想在低版本浏览器上正常使用 Element Plus，请自行使用 Babel、ESBuild 或其他转换工具，并引入相应的 polyfill。
另外，Element Plus 使用到了 ResizeObserver，如有兼容性需求需要您自行引入 resize-observer-polyfill。
从配置上看：Element Plus 新增了一个全局配置管理的组件 config-广电大流量卡provider，以替代 Element UI 的全局配置 Vue.prototype.$ELEMENT。
若是想要进行全局配置可以从以下两种方式进行操作：
Element UI：
`<template> “ <el-button type=“primary” icon=“el-icon-search”>Search</el-button> “</template>`Element Plus：
<script setup lang=“ts”> import { Search } from @element-plus/icons </script> <template> <el-button type=“primary” :ico广电大流量卡n=“Search”>Search</el-button> </template>从设计上看：
一、过去，组件大小体系主要是由 default/medium/small/mini 组成。现在，切换为更自然的 large/default/small，以 default 为基础，需要加大则选择 large，需要缩小则选择 small。
二、由于Vue3引入部分API的调整，因此Element的项目升级不可避免的需要做些许改动。在迁移完现有组件的基础上，正式版本中增加了 Space, Skeleton, Empty 和 Affix 四个全新组件丰富开发者的选择。同时Element Plus也增加了使用虚拟广电大流量卡滚动的 Select-V2 组件来优化长列表的展示性能问题。
三、Element Plus制作上传了包含所有组件信息的最新 Figma 设计资源 文件，方便产品经理和设计师的使用。
最后，值得注意的是，目前正式版的发布仅仅意味着整体迁移适配工作的结束，API 设计基本稳定，但并未到此结束。譬如， 在2020年的Beta版发布的时候，官方提到过提供使用虚拟化能力的表格，来优化大数据量情况下的 Table 组件性能。但本次的正式版发布暂未包含这部分功能。据官方表示，这项功能将会在后续的迭代中加入。
可见，Element Plus正式版虽在万众瞩目中到来，但这仍只是一个开始。
友情提醒： 请添加客服微信进行免费领取流量卡！
QQ交流群：226333560 站长微信：qgzmt2
原创文章，作者：sunyaqun，如若转载，请注明出处：https://www.dallk.cn/45270.html
