V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iamkun
V2EX  ›  分享发现

🎉 Element UI for Vue 3.0 来了!

  •  9
     
  •   iamkun · 2020-11-30 10:48:29 +08:00 · 5927 次点击
    这是一个创建于 1457 天前的主题,其中的信息可能已经有所发展或是发生改变。

    第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 🎉 ~

    2016 年 3 月 13 日 Element 悄然诞生,经历了 4 年的风雨洗礼,我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。

    截至本文撰写时,Element 已获得 48200 Github Star, NPM 下载量 95 万次 /每月的可喜成绩。感谢超过 530 名社区贡献者的参与维护,和我们一同完成了 4400 次 commit 的更新迭代。

    image.png *Element 开发团队 40000 Github Star 庆祝会

    Element Plus for Vue 3.0

    2020 年,随着 Vue 3.0 不断完善和发布,我们也紧张投入到 Element 对 Vue 3.0 的升级适配工作中。历经 6 个月共计 23 个 alpha 版本的迭代,终于,在今天,Element Plus for Vue 3.0 Beta 版本正式发布 🎊 !

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

    Vue 3.0 的大版本升级,对生态组件库来说也是一次丢掉历史包袱前行的好机会,我们大刀阔斧对 Element 进行了一次深度重构。

    img

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

    • 使用 TypeScript 开发,提供完整的类型定义文件
    • 使用 Vue 3.0 Composition API 降低耦合,简化逻辑
    • 使用 Vue 3.0 Teleport 新特性重构挂载类组件
    • 使用 Lerna 维护和管理项目
    • 使用更轻量更通用的时间日期解决方案 Day.js
    • 升级适配 popperjs, async-validator 等核心依赖
    • 完善 52 种国际化语言支持

    除此以外,还有:

    • 全新的视觉*
    • 优化的组件 API
    • 更多自定义选项
    • 更加详尽友好的文档

    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 的配方和味道。

    Q: Element UI 还会维护吗?

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

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

    开始体验吧

    有很多方式可以体验 Element Plus for Vue 3.0

    What's Next for Element Plus?

    • 一次重大视觉更新
    • 2 个全新组件紧张研发中
    • 访问速度更快,功能更强大的官方网站

    喜欢 Element Plus 吗?来点个 Star ❤️ 支持鼓励我们一下吧 ~

    感谢大家 4 年以来对 Element 的关注,是你们的支持让 Element 不断完善,力争做到最好。我们也会不忘开源初心,反哺社区,未来将对社区更加开放,非常欢迎热爱开源的你来和我们一起完善 Element Plus —— 赠人玫瑰,手有余香,开源社区的维护,不仅仅是靠一个团队,一个公司,我们相信是靠所有热爱开源,拥有开源精神,热衷于分享和交流的朋友们。

    40 条回复    2020-12-01 15:42:02 +08:00
    berrx
        1
    berrx  
       2020-11-30 10:51:17 +08:00
    很强, 还以为 element 停更了呢, 原来是在适配 Vue 3.0 。
    codespots
        2
    codespots  
       2020-11-30 11:04:05 +08:00
    挺好的,支持,虽然我现在在写 React
    devwolf
        3
    devwolf  
       2020-11-30 11:19:09 +08:00
    支持,当年第二个毕设就是 vue+element 搓的,这下 vue 和 element 都出了新的
    agdhole
        4
    agdhole  
       2020-11-30 11:23:24 +08:00
    element-plus 是官方团队出的吗?
    为什么不沿用以前的 repo ?
    Removable
        5
    Removable  
       2020-11-30 11:27:29 +08:00
    哎哟,竟然更新了
    Hilong
        6
    Hilong  
       2020-11-30 11:29:38 +08:00   ❤️ 3
    @agdhole 不看正文的吗
    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
    weer0026
        7
    weer0026  
       2020-11-30 11:31:25 +08:00
    加油更新,我还学的动
    murmur
        8
    murmur  
       2020-11-30 11:37:31 +08:00   ❤️ 1
    好,make vue great again
    anguiao
        9
    anguiao  
       2020-11-30 11:40:44 +08:00 via Android
    可以忽悠同事上 Vue 3 了,现在就我一个人在用 composition api 。
    moell
        10
    moell  
       2020-11-30 11:41:39 +08:00
    👍 ,关注很久了
    lqw3030
        11
    lqw3030  
       2020-11-30 11:41:56 +08:00
    javaer,搓前端项目用的最多的是 element ui
    zoikhemlab
        12
    zoikhemlab  
       2020-11-30 11:44:36 +08:00
    谢谢 ,可是前一段时间 github people 里都没有人了是为什么呀?
    a4854857
        13
    a4854857  
       2020-11-30 11:46:59 +08:00
    楼主的头像不如庆祝会上的帅啊
    chenpingan
        14
    chenpingan  
       2020-11-30 11:47:23 +08:00
    手动支持
    EPr2hh6LADQWqRVH
        15
    EPr2hh6LADQWqRVH  
       2020-11-30 12:02:53 +08:00
    看了一下没啥区别啊。。
    PDX
        16
    PDX  
       2020-11-30 12:20:00 +08:00
    唱,跳,rap,还会写代码
    poorcai
        17
    poorcai  
       2020-11-30 12:28:00 +08:00 via iPhone
    我一直以为这是个第三方项目,没想到是官方的
    gouflv
        18
    gouflv  
       2020-11-30 12:46:46 +08:00 via iPhone
    项目名称起的够随便
    zhwithsweet
        19
    zhwithsweet  
       2020-11-30 12:53:37 +08:00
    up up. 支持
    suzic
        20
    suzic  
       2020-11-30 12:53:51 +08:00 via Android
    可以,感觉代码很有参考价值。antdv 的源码看的我脑壳疼
    SuperManNoPain
        21
    SuperManNoPain  
       2020-11-30 13:17:05 +08:00
    up up
    sol
        22
    sol  
       2020-11-30 14:10:26 +08:00
    期待新的官网
    ghostsf
        23
    ghostsf  
       2020-11-30 14:17:30 +08:00
    那不就要同时维护两个项目了吗
    shuaiyin
        24
    shuaiyin  
       2020-11-30 14:26:10 +08:00
    加油加油!还以为挺更了呢
    LiuJiang
        25
    LiuJiang  
       2020-11-30 15:09:37 +08:00
    支持一下,我在写 React
    ragnaroks
        26
    ragnaroks  
       2020-11-30 15:59:44 +08:00   ❤️ 1
    头发都挺多的
    jifengg
        27
    jifengg  
       2020-11-30 16:01:51 +08:00
    不错,支持一个
    YvesX
        28
    YvesX  
       2020-11-30 16:05:01 +08:00
    看见了熟人
    huobazi
        29
    huobazi  
       2020-11-30 16:16:49 +08:00
    +U
    huobazi
        30
    huobazi  
       2020-11-30 16:17:06 +08:00
    +U +U
    vpcloud
        31
    vpcloud  
       2020-11-30 16:28:06 +08:00
    为什么看文档还全是 vue2 语法?
    Citrullus
        32
    Citrullus  
       2020-11-30 17:19:14 +08:00
    @lqw3030 后端用户+1
    kidlj
        33
    kidlj  
       2020-11-30 17:25:37 +08:00
    用过,感谢!
    willygeek007
        34
    willygeek007  
       2020-11-30 17:53:22 +08:00
    用过。好用。感谢你们的辛苦付出
    dcatfly
        35
    dcatfly  
       2020-11-30 21:49:58 +08:00
    为啥不挂在 ElementFE 下面了?
    dcatfly
        36
    dcatfly  
       2020-11-30 21:50:22 +08:00
    @dcatfly #35 ElemeFE
    heyjei
        37
    heyjei  
       2020-11-30 21:54:49 +08:00
    恭喜恭喜!

    不知道新的版本 table 的性能怎么样?

    Element UI 的 table 数据量一大就很卡。
    feiniu
        38
    feiniu  
       2020-12-01 13:36:09 +08:00
    niubi
    feiniu
        39
    feiniu  
       2020-12-01 13:36:25 +08:00
    同意,大 table 每次都卡得要死
    iamkun
        40
    iamkun  
    OP
       2020-12-01 15:42:02 +08:00
    @heyjei 感谢指出 table 会是 plus 后续优化的重点
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1246 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 23:17 · PVG 07:17 · LAX 15:17 · JFK 18:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.