武汉的开发者们注意啦!AI技术战略、框架以及最佳实战尽在Azure OpenAI Day 了解详情
写点什么

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:298457

评论 1 条评论

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

Vector、ArrayList、LinkedList的区别

zarmnosaj

10月月更

澳鹏Appen田小鹏博士:以高质量数据赋能AI驱动的元宇宙时代

澳鹏Appen

人工智能 AR/VR 训练数据 元宇宙 数据训练

Koordinator v0.7: 为任务调度领域注入新活力

阿里巴巴云原生

阿里云 云原生 Koordinator

太牛了,这份Spring Cloud Alibaba学习文档清晰全面,一应俱全

小二,上酒上酒

spring Spring Cloud

还不懂Spring?阿里架构师整理的Spring宝典助你一臂之力

小二,上酒上酒

spring spring cloud ali spring宝典

【一Go到底】第十二天---switch

指剑

Go Goalng 10月月更

阿里内部整理的Spring boot保姆级笔记,简直太牛了

小二,上酒上酒

spring springboot

开源机器学习数据库 OpenMLDB:线上线下一致的生产级特征平台

第四范式开发者社区

人工智能 机器学习 数据库 特征 开源、

活动预告 | AI for Good 2022 峰会

第四范式开发者社区

机器学习 数据库 开源 时序数据库 特征

精彩演讲推荐|智能化变更防控方法、架构与组织实践

TRaaS

双活数据中心建设要点

穿过生命散发芬芳

10月月更 双数据中心

SAP | 在abap开发过程中常用的Tcode

暮春零贰

SAP abap 10月月更

这份神仙级Spring Security源码手册,真的很强悍

小二,上酒上酒

spring spring security springboot

耗时182天肝出来1015页分布式全栈手册太香了

程序知音

Java 程序员 架构 分布式 后端技术

【转载】Byzer + OpenMLDB 实现端到端的,基于实时特征计算的机器学习流程

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

ConcurrentDictionary<T,V> 的这两个操作不是原子性的

有态度的马甲

腾讯资深架构师整理出来的Java高级开发需要的分布式技术,简直绝了

小二,上酒上酒

Java 编程 JAVA开发

来了来了,阿里p9整理的Netty速成笔记,应有尽有

小二,上酒上酒

Netty

阿里出品的这份Java性能调优实战手册,直接涨薪25K,真的香啊

小二,上酒上酒

Java 阿里 阿里面试

P9力鉴!Alibaba9月最新出品776页JDK源码+并发核心原理解析小册

程序知音

Java 架构 jdk 并发编程 后端技术

【融云出海白皮书免费看】出海洞察之美国的「高线市场模型」

融云 RongCloud

互联网 数据 模型

惊为天人,百度推出的Redis笔记真的太香了

小二,上酒上酒

redis 面试

全网独家首发Java面试题,包含Spring全家桶+高并发+Netty+Redis+Dubbo等面试专题

小二,上酒上酒

Java Linux Netty 高并发 Spring全家桶

牛啊牛啊,这篇Spring Cloud Alibaba笔记一应俱全,几乎涵盖了所有操作

小二,上酒上酒

spring spring cloud alibaba

活动预告 | Feature Store Summit 2022

第四范式开发者社区

机器学习 数据库 开源 时序数据库 特征

多图详解kafka生产者消息发送过程

石臻臻的杂货铺

Kafk Kafka实战 10月月更

大型企业选择低代码的主要原因是什么?

优秀

低代码 低代码平台

数据中台建设5大关键步骤

阿泽🧸

数据中台 10月月更

全网疯传,SpringBoot笔记(全彩版)顶翻天

程序知音

Java spring 源码 springboot 后端技术

进击的PyTorch,和它背后的开源领袖

OneFlow

人工智能 机器学习 深度学习 开源

五面腾讯,六h灵魂拷问,终拿下 58W offer

程序知音

Java 腾讯 java面试 后端技术 Java面试八股文

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