Element UI for Vue 3.0 来了! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iamkun
V2EX    分享发现

Element UI for Vue 3.0 来了!

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

    第一个使用 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'sNext 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
    eement-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
    ,关注很久了
    xyooyx
        11
    xyooyx  
       2020-11-30 11:41:56 +08:00
    javaer,搓前端项目用的最多的是 lement 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     Solana     926 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 21:46 PVG 05:46 LAX 13:46 JFK 16:46
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86