🎉 Element UI for Vue 3.0 来了!

2020-11-30 10:48:29 +08:00
 iamkun

第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 🎉 ~

2016 年 3 月 13 日 Element 悄然诞生,经历了 4 年的风雨洗礼,我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。

截至本文撰写时,Element 已获得 48200 Github Star, NPM 下载量 95 万次 /每月的可喜成绩。感谢超过 530 名社区贡献者的参与维护,和我们一同完成了 4400 次 commit 的更新迭代。

*Element 开发团队 40000 Github Star 庆祝会

Element Plus for Vue 3.0

2020 年,随着 Vue 3.0 不断完善和发布,我们也紧张投入到 Element 对 Vue 3.0 的升级适配工作中。历经 6 个月共计 23 个 alpha 版本的迭代,终于,在今天,Element Plus for Vue 3.0 Beta 版本正式发布 🎊 !

https://github.com/element-plus/element-plus

Vue 3.0 的大版本升级,对生态组件库来说也是一次丢掉历史包袱前行的好机会,我们大刀阔斧对 Element 进行了一次深度重构。

Element Plus for Vue 3.0 是一个使用 TypeScript + Composition API 重构的全新项目。我们几乎重写了每一行 Element 的代码,用最 Vue 3 的方式呈现了最完美的 Element,主要有:

除此以外,还有:

Q:Element Plus 和 Element UI 是什么关系? 为什么又一个新项目?

正如 vue-next 之于 vue,一次 100% 的重构虽然解决了很多历史遗留问题,但也不可避免的引入一些新的 bug 和问题,而独立的 issue 和 pr 区可以减少大家使用和反馈的心智成本,也能更加方便我们定位问题,并行维护迭代。

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus from the same team

具体可以参考 Element 的 README https://github.com/ElemeFE/element/blob/dev/README.md

Q: 老 Element 项目可以平滑升级到 Vue 3.0 + Element Plus 吗?

由于 Vue 3.0 升级引入了部分 API 的调整,老项目的升级不可避免的要做些许改动。但我们力争把变更内容做到可控,只需要很少的调整就能完成项目升级。在今后 Vue 3.0 的项目里,还是熟悉的 Element 的配方和味道。

Q: Element UI 还会维护吗?

当然会!(而且一直在正常迭代发布呀 ヽ(✿゚▽゚)ノ)

每每看到社区类似的担忧,对我们都是一种鞭策。作为一个负责任的开源项目,必然不会辜负大家的期待。随着用户的增多,肩上的压力也越来越大,希望大家使用了 Element 能真正为项目开发减负提效,这样我们多加班,大家早下班,想到这,感觉胸前的红领巾更鲜艳了😘。

开始体验吧

有很多方式可以体验 Element Plus for Vue 3.0

What's Next for Element Plus?

喜欢 Element Plus 吗?来点个 Star ❤️ 支持鼓励我们一下吧 ~

感谢大家 4 年以来对 Element 的关注,是你们的支持让 Element 不断完善,力争做到最好。我们也会不忘开源初心,反哺社区,未来将对社区更加开放,非常欢迎热爱开源的你来和我们一起完善 Element Plus —— 赠人玫瑰,手有余香,开源社区的维护,不仅仅是靠一个团队,一个公司,我们相信是靠所有热爱开源,拥有开源精神,热衷于分享和交流的朋友们。

5710 次点击
所在节点    分享发现
40 条回复
SuperManNoPain
2020-11-30 13:17:05 +08:00
up up
sol
2020-11-30 14:10:26 +08:00
期待新的官网
ghostsf
2020-11-30 14:17:30 +08:00
那不就要同时维护两个项目了吗
shuaiyin
2020-11-30 14:26:10 +08:00
加油加油!还以为挺更了呢
LiuJiang
2020-11-30 15:09:37 +08:00
支持一下,我在写 React
ragnaroks
2020-11-30 15:59:44 +08:00
头发都挺多的
jifengg
2020-11-30 16:01:51 +08:00
不错,支持一个
YvesX
2020-11-30 16:05:01 +08:00
看见了熟人
huobazi
2020-11-30 16:16:49 +08:00
+U
huobazi
2020-11-30 16:17:06 +08:00
+U +U
vpcloud
2020-11-30 16:28:06 +08:00
为什么看文档还全是 vue2 语法?
Citrullus
2020-11-30 17:19:14 +08:00
@lqw3030 后端用户+1
kidlj
2020-11-30 17:25:37 +08:00
用过,感谢!
willygeek007
2020-11-30 17:53:22 +08:00
用过。好用。感谢你们的辛苦付出
dcatfly
2020-11-30 21:49:58 +08:00
为啥不挂在 ElementFE 下面了?
dcatfly
2020-11-30 21:50:22 +08:00
@dcatfly #35 ElemeFE
heyjei
2020-11-30 21:54:49 +08:00
恭喜恭喜!

不知道新的版本 table 的性能怎么样?

Element UI 的 table 数据量一大就很卡。
feiniu
2020-12-01 13:36:09 +08:00
niubi
feiniu
2020-12-01 13:36:25 +08:00
同意,大 table 每次都卡得要死
iamkun
2020-12-01 15:42:02 +08:00
@heyjei 感谢指出 table 会是 plus 后续优化的重点

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/730497

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX