vue 更换element版本_官方Element Plus for Vue 3.0 Beta 版本今天发布了!

Element Plus,一个基于 Vue 3.0 重构的全新项目,今天发布了 Beta 版本。它提供了完整的 TypeScript 支持,降低了耦合,使用 Composition API 重构组件,采用 vite 进行项目维护。除了全新的视觉体验和优化的组件,还增加了更多自定义选项。Element Plus 旨在减少与 Element UI 的心智成本并支持平滑升级。官方将持续维护 Element UI,并确保 Element Plus 可帮助开发者提高项目开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天, Element Plus for Vue 3.0 Beta 版本正式发布了!

d6ef8d57d8d75bf5330e1c797a0bde17.png

对,就是那个被外界传言不再维护的Element UI

9286b5999162a1960b6e68fd513b2fc3.png

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
  • 更多自定义选项
  • 更加详尽友好的文档

说到这里,你是不是已经跃跃欲试了呢?

5c680154bb7fead54c411c4c697bbd90.png

直接来到Element Plus官网,先进行安装:

npm install element-plus --save

关于快速上手可参考官网,里面对于全局配置、按需引入以及如何与新版的vue-cli搭配使用都有详尽的说明。

最后引用一下官方的 FAQ,他回答了小伙伴们现在最为关心的三个问题:

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

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

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值