？ Vue 3.0 element 的 UI 已经到来！

第一个用 TypeScript + Vue 3.0 Composition API 重构的 Element Plus 组件库发布了吗？～

Element于2016年3月13日悄然诞生。经过4年的风风雨雨，我们已经从饿了么内部的业务组件库成长为Vue生态中最受欢迎的UI组件库之一。

目前，Element 48200 Github Star、NPM 下载量95 百万次/月。感谢超过 530 名社区贡献者参与维护，我们已经进行了 4400 次提交更新迭代。

*Element开发团队40000 Github Star庆典

Element Plus 适用于 Vue 3.0

2020年，随着Vue 3.0的不断开发和发布，我们也在紧张地投入Element到Vue 3.0的更新和适配。经过6个月总共23次alpha版本迭代，Element Plus for Vue 3.0 Beta版本终于在今天发布了？！

github.com/element-plu…

Vue 3.0大版本更新也是生态组件库卸下历史包袱继续前进的好机会。我们对元素进行了彻底而深入的重建。

Element Plus for Vue 3.0 是一个用 TypeScript + Composition API 重构的全新项目。我们几乎重写了每一行Element代码，以最Vue 3的方式呈现最完美的元素，主要包括：

使用TypeScript开发，提供完整的类型定义文件
使用Vue 3.0 Composition API减少耦合并简化逻辑
利用Vue 3.0 Teleport新功能重构装配类组件
使用 Lerna 维护和管理项目
使用 Day.js，一种更轻、更通用的时间和日期解决方案
更新并适配 popperjs、async-validator 和其他核心依赖项
全面支持52种国际语言

还有：

新愿景*
优化组件API
更多定制选项
更详细、更友好的文档

问：Element Plus 和 Element UI 之间有什么关系？为什么还要另一个新项目？

就像vue-next，那个vue一样，虽然100%的返工会解决很多历史遗留的问题，但是难免会引入一些新的bug和问题，而独立的问题和pr区可以减少大家的负担。使用和反馈可以让我们更轻松地追踪问题以及并行维护和迭代。

元素保留在 Vue 2.x

对于 Vue 3.0，我们建议使用同一团队的 Element Plus

详情请参见Element README github.com/ElemeFE/ele...

问：旧的Element项目可以轻松升级到Vue 3.0 + Element Plus吗？

由于Vue 3.0更新引入了一些API更改，更新旧项目不可避免地需要更改。但我们的目标是使更改的内容可验证，并且只需要进行少量更改即可完成项目更新。在未来的Vue 3.0项目中，我们将继续了解Element的公式和风味。

问：Element UI 还会保留吗？

当然！（而且通常会反复发布ヽ(✿ﾟ▽ﾟ)ノ）

当我们看到社区有类似的担忧时，这对我们来说是一种激励。作为一个负责任的开源项目，它当然满足了大家的期望。随着用户数量的增加，肩上的压力也随之增加。我相信大家通过使用Element能够真正减轻项目开发的负担，提高效率。所以我们会加班更多，大家都会提前下班。想到这里，我就感觉胸前的红领巾更加生动了？

一起来体验吧

体验 Element Plus for Vue 3.0 的多种方式

手动安装npm install element-plus，请参考官网安装指南
下载Webpack脚手架直接运行体验一下
？试试最酷的Vite打包架
通过 Vue CLI 插件进行介绍

Element Plus 的下一步是什么？

重大视觉更新
2个新组件正在开发中
访问官网速度更快，功能更多

你喜欢Element Plus吗？快来给我们star❤️支持鼓励吧~

感谢您在过去 4 年里对 Element 的关注。您的支持使 Element 能够不断成长并努力做到最好。我们不忘开源初衷，回馈社区。未来，我们将更加向社会开放。我们欢迎热爱开源的你来我们这里开发Element Plus——送玫瑰给别人，维持开源社区不仅仅靠这些。我们相信一个团队、一个公司靠的是所有热爱开源的朋友。源代码，有开源精神，乐于分享和交流。