昨天, Element Plus for Vue 3.0 Beta
版本正式发布了!
对,就是那个被外界传言不再维护的Element UI
!
Element Plus for Vue 3.0
是一个使用 TypeScript + Composition API
重构的全新项目。官方团队几乎重写了每一行 代码,用最Vue 3
的方式呈现了最完美的Element
,主要有:
- 使用
TypeScript
开发,提供完整的类型定义文件 - 使用
Vue 3.0 Composition API
降低耦合,简化逻辑 - 使用
Vue 3.0 Teleport
新特性重构挂载类组件 - 使用
Lerna
维护和管理项目 - 使用更轻量更通用的时间日期解决方案
Day.js
- 升级适配
popperjs
,async-validator
等核心依赖 - 完善 52 种国际化语言支持
除此以外,还有:
- 全新的视觉体验
- 优化的组件
API
- 更多自定义选项
- 更加详尽友好的文档
说到这里,你是不是已经跃跃欲试了呢?
直接来到Element Plus
官网,先进行安装:
npm install element-plus --save
关于快速上手可参考官网,里面对于全局配置、按需引入以及如何与新版的vue-cli
搭配使用都有详尽的说明。
最后引用一下官方的 FAQ,他回答了小伙伴们现在最为关心的三个问题:
Q:Element Plus 和 Element UI 是什么关系? 为什么又一个新项目?
正如 vue-next
之于 vue
,一次 100% 的重构虽然解决了很多历史遗留问题,但也不可避免的引入一些新的 bug
和问题,而独立的 issue
和 pr
可以减少大家使用和反馈的心智成本,也能更加方便我们定位问题,并行维护迭代。
Q: 老 Element 项目可以平滑升级到 Vue 3.0 + Element Plus 吗?
由于 Vue 3.0
升级引入了部分 API
的调整,老项目的升级不可避免的要做些许改动。但我们力争把变更内容做到可控,只需要很少的调整就能完成项目升级。在今后 Vue 3.0
的项目里,还是熟悉的 Element
的配方和味道。
Q: Element UI 还会维护吗?
当然会!(而且一直在正常迭代发布呀 ヽ(✿ ゚ ▽ ゚)ノ)
每每看到社区类似的担忧,对我们都是一种鞭策。作为一个负责任的开源项目,必然不会辜负大家的期待。随着用户的增多,肩上的压力也越来越大,希望大家使用了 Element
能真正为项目开发减负提效,这样我们多加班,大家早下班,想到这,感觉胸前的红领巾更鲜艳了 ?。
开源不易,也希望大家多多关注与支持Element
以及现在的新成员Element Plus
相关链接
github
:https://github.com/element-plus/element-plus官方文档
:https://element-plus.gitee.io/#/zh-CN
关注我,送你一本源码学习手册
加入全网最大React源码学习社群