查看原文
其他

Element Plus for Vue 3.0 来了!

局长 FOSS Lab 2021-09-10
点击“蓝字”关注我们吧

Element 开发团队宣布推出 Element Plus 首个 Beta 版本,官方表示 Element Plus 是 Element 对 Vue 3.0 的升级适配。

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

据介绍,Element Plus 是首个使用 TypeScript + Vue 3.0 Composition API 重构的组件库。由于 Vue 3.0 进行了大版本升级,Element 作为其生态的组件库希望借此机会丢掉历史包袱,所以开发团队对 Element 进行了一次深度重构。

  • 使用 TypeScript 开发,提供完整的类型定义文件

  • 使用 Vue 3.0 Composition API 降低耦合,简化逻辑

  • 使用 Vue 3.0 Teleport 新特性重构挂载类组件

  • 使用 Lerna 维护和管理项目

  • 使用更轻量更通用的时间日期解决方案 Day.js

  • 升级适配 popperjs, async-validator 等核心依赖

  • 完善 52 种国际化语言支持

除此以外,还有:

  • 全新的视觉*

  • 优化的组件 API

  • 更多自定义选项

  • 更加详尽友好的文档

体验 Element Plus for Vue 3.0

  • 手动安装 npm install element-plus ,详见官网安装指南

  • 下载 Webpack 脚手架 直接运行体验

  • 使用 Vite 打包脚手架

  • 通过 Vue CLI 插件 引入

有了 Element Plus 是不是意味着 Element 被抛弃了?当然不是,开发团队表示会继续对 Element Plus 和 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 的配方和味道。

详情查看:

https://my.oschina.net/u/4506242/blog/4759717


往期推荐

Istio 1.8 —今年最后一个版本发布!

2020-11-30

WxJava 4.0.0 版本发布,微信开发 Java SDK

2020-11-30

magic-api 0.4.8 发布,接口快速开发框架

2020-11-27


扫码关注最新动态

公众号ID:fosslab


我就知道你“在看”
: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存