HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

Element Plus:Element UI for Vue 3.0 终于来了

  • 2020-12-01
  • 本文字数:1506 字

    阅读完需:约 5 分钟

Element Plus:Element UI for Vue 3.0 终于来了

整理 | 李俊辰


Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Element 对 Vue 3.0 的升级适配。此前网上有传言称 Element 无人维护,Element UI 也不会支持 Vue 3.0,这次官方出来打脸了。



Element 诞生于 2016 年,起初是饿了么内部的业务组件库,在开源后深受广大前端开发者的喜爱,Element 用了 4 年的时间摇身一变成为 Vue 生态中最流行的 UI 组件库之一。目前,Element 在 GitHub 上已经获得 48.3k 的 star,11.9k 的 fork,NPM 下载量高达 95 万次/月。


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


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

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

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

  • 使用 Lerna 维护和管理项目

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

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

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


除此以外,还有:


  • 全新的视觉

  • 优化的组件 API

  • 更多自定义选项

  • 更加详尽友好的文档


从 Element Plus 的官网上可以了解到,此次 Element Plus 的设计原则主要有四个方面:


  • 一致性(Consistency)

  • 反馈(Feedback)

  • 效率(Efficiency)

  • 可控(Controllability)


具体信息可移步 Element Plus 官网


Element 开发团队对几个主要问题进行了回复:


  • 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


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


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


  • Element UI 还会维护吗?


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

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


对此,很多网友表示终于等到了 Element 的更新:


  • ヽ(✿゚▽゚)ノ原来是搁这憋大招呢;

  • 太好了,不用学习其他 UI 框架增加成本了;

  • 厉害厉害,谣言不攻自破......


也有网友提出了自己的问题:


  • 那个表格里的滚动条啊,会不会在这次修一下呀;

  • 我是真的搞不明白,为什么都 3.0 了组件还是一堆 data,methods,setup 呢?这样搞的话用 3.0 的意义在哪;

  • 如何解决 devtools 调试新的 setup api 问题呢,好像在 setup 里面定义 hooks 的方式,在 devtools 里面是识别不出来的;

  • 先赞为敬,毕竟用了好久,帮助很大。另外 2 升 3 是不是还不如重写?我打算那几个项目都重写算了;

  • 走马灯什么时候加上支持 touch 就好了。


现在,各位前端开发者已经可以体验 Element Plus 了,官方提供了四个安装方式:


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


2、下载 Webpack 脚手架直接运行体验;


3、尝鲜时下最炫酷的 Vite 打包脚手架


4、通过 Vue CLI 插件引入:


官方出来打脸,Element 无人维护的谣言不攻自破,对此你怎么看?欢迎在评论区畅所欲言。


2020-12-01 14:298989

评论 1 条评论

发布
用户头像
可以啊。
2020-12-03 11:27
回复
没有更多了
发现更多内容

数字货币交易所开发定制,币币撮合交易开发商

13530558032

学习总结--week08

张荣召

高可用可伸缩微服务架构:基于Dubbo、SpringCloud和ServiceMesh完整蓝光版PDF分享

Java架构追梦

Java 微服务 dubbo Service Mesh SpringCloud

机器学习的产业化变革中,华为云ModelArts的新成绩单

脑极体

8.5网络通信基本原理与性能优化

张荣召

架构师训练营第 1 期 第 8 周作业

李循律

极客大学架构师训练营

区块链赋能供应链金融 | 应用优势与四类常见模式

CECBC

区块链 供应商审核

8.1文件与磁盘IO:如何把磁盘的读写速度提升十万倍?

张荣召

架构师训练营 1 期 - 第八周总结(vaik)

行之

极客大学架构师训练营

训练营第4周作业

爱码士

训练营

训练营第四周学习总结

爱码士

训练营

flink-sql流计算可视化UI平台

无情

sql flink 实时计算 平台

适合初学者的Web Components教程[2019](译)

西贝

Java Web Component 组件

8.2常见数据结构与Hash表原理分析

张荣召

8.6非阻塞网络I/O

张荣召

Spring改变版本号命名规则:此举对非英语国家很友好

YourBatman

Spring Boot 语义化 Spring Framework 日历化

【薪火计划】02 - 一将功成万骨枯

AR7

管理

每个程序员都应该知道的数字

多颗糖

数据库 计算机基础 存储

面试官:Redis 主从复制时网络开小差了怎么整?

redis 学习 面试

作业--week08

张荣召

区块链USDT系统开发解决方案,USDT支付系统技术开发

13530558032

8.3红黑树原理与性能特性

张荣召

我画着图,FluentAPI 她自己就生成了

newbe36524

C# .net .net core netcore

区块链带来的业务流程优化是数字化转型最深层次的变革

CECBC

区块链 数字化

区块链钱包APP开发,开发搭建数字货币钱包

13530558032

【干货】内存条的基础讲解,够用绝大多数情况

亚兰—硅的传奇official

计算机基础 内存 装机 硬件

8.4经典算法

张荣召

超赞!吃透这份Github点赞120k的Java知识面试笔记Offer拿到手软

比伯

Java 编程 程序员 架构 面试

第5周 技术选型(一)-作业

SuGeek

极客大学架构师训练营

va_list 可变长参数原理

liu_liu

c 可变参数 va_list

过滤Spark数据集的四种方法

大数志

大数据 spark 数据分析 数据科学

Element Plus:Element UI for Vue 3.0 终于来了_语言 & 开发_李俊辰_InfoQ精选文章