不愧是尤大推荐的 ui 库, naive-ui 果然强大。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
wuzhanggui
V2EX    程序员

不愧是尤大推荐的 ui 库, naive-ui 果然强大。

  •  
  •   wuzhanggui 2024-09-18 09:24:27 +08:00 12564 次点击
    这是一个创建于 386 天前的主题,其中的信息可能已经有所发展或是发生改变。

    很早就听说过 naive-ui ,因为自己写用的最多的是 element-ui ,所以没去真正使用过 naive ,最近用它开源了一个后台管理的模板 DEMO 虽然只用了它的几个组件,但是使用体验还挺好的,不会手动去引入各种全局 css ,ui 风格也很简洁,如果使用 ts 加 tsx 来写的话,体验应该拉满了。

    文档写的也是非常易懂的,强烈推荐哇。

    51 条回复    2024-09-18 21:05:57 +08:00
    encro
        1
    encro  
       2024-09-18 09:33:44 +08:00   1
    可以试一下 vben-admin 。。。体验也不错。
    encro
        2
    encro  
       2024-09-18 09:35:16 +08:00   1
    crocoBaby
        3
    crocoBaby  
       2024-09-18 09:35:40 +08:00   1
    @encro 如果只用不改的话还好,但是要改的话就是垃圾
    1016
        4
    1016  
       2024-09-18 09:44:07 +08:00
    我现在开发的 CRM 和 CMS 就是用的 naive-ui 用这个非常不舒服,我觉得还是 antv 是最舒服的。
    wuzhanggui
        5
    wuzhanggui  
    OP
       2024-09-18 09:49:39 +08:00
    @1016 他这个用好的话类型提示非常友好,用 ts 的应该很喜欢
    wuzhanggui
        6
    wuzhanggui  
    OP
       2024-09-18 09:53:54 +08:00
    @encro #1 功能太多不喜欢,还是我这个简洁强大
    um1ng
        7
    um1ng  
       2024-09-18 09:55:16 +08:00
    @wuzhanggui 赞同,如果业务部太复杂,这个就够了
    strawberrydafu
        8
    strawberrydafu  
       2024-09-18 09:55:17 +08:00   1
    naive ui 最喜欢的是文档 读着很有趣 用例也详实
    um1ng
        9
    um1ng  
       2024-09-18 10:00:25 +08:00
    不复杂的话
    checkzhzzzzz
        10
    checkzhzzzzz  
       2024-09-18 10:04:33 +08:00
    基于 Naiveui 的 soybean 也还行,页面简洁,还带国际化
    coolmint
        11
    coolmint  
       2024-09-18 10:07:19 +08:00
    去年拍脑门选的 naive ,用下来确实还可以
    shimada666
        12
    shimada666  
       2024-09-18 10:09:31 +08:00
    vben-admin 封装太过了 上手难度把我劝退了
    BeijingBaby
        13
    BeijingBaby  
       2024-09-18 10:20:48 +08:00
    看了 1 楼的 demo ,这个美观度,个人不喜欢
    A3m0n
        14
    A3m0n  
       2024-09-18 10:22:57 +08:00
    我也是从 element 转到 naive 的,一开始用最别扭的还是 DataTable ,一有点自定义的功能就要搬出 h 函数。

    现在越用越爽了。
    huangliu
        15
    huangliu  
       2024-09-18 10:24:58 +08:00
    我也用的 naive ,element 审美疲劳了
    Bazingal
        16
    Bazingal  
       2024-09-18 10:30:46 +08:00
    刚开始出来的时候就注意到了,主要是官方自己整活,Too Simple Sometimes Naive ,公司名叫 TuSimple ,出个 UI 叫 Naive UI
    jqtmviyu
        17
    jqtmviyu  
       2024-09-18 10:36:47 +08:00
    可以是我太菜了, 很多地方都要用 h 函数. 习惯了 element 和 ant 那种便利性.
    herozzm
        18
    herozzm  
       2024-09-18 10:38:13 +08:00
    naive-ui 文档很多地方不完善,很糟糕的体验
    asLw0P981N0M0TCC
        19
    asLw0P981N0M0TCC  
       2024-09-18 10:43:58 +08:00
    TS 的看的头晕 好麻烦啊 各种封装
    asLw0P981N0M0TCC
        20
    asLw0P981N0M0TCC  
       2024-09-18 10:45:41 +08:00
    @checkzhzzzzz 这个确实好看
    cslive
        21
    cslive  
       2024-09-18 10:58:25 +08:00
    之前不是推荐的 vuetify ,现在这个又不火了吗
    zzzzhan
        22
    zzzzhan  
       2024-09-18 10:59:33 +08:00   1
    楼上说最喜欢文档的感觉没深入用过,有些组件源码更新了,文档却没有更新,然后出现和文档不一致的行为,debug 的时候头大
    Anivial
        23
    Anivial  
       2024-09-18 11:07:04 +08:00
    这风格一看就很像 Ant design
    shubo83
        24
    shubo83  
       2024-09-18 11:07:04 +08:00
    @A3m0n 我刚用,也是发现很多地方需要 h 函数解决,代码不够精简,这是为啥?
    A3m0n
        25
    A3m0n  
       2024-09-18 11:28:01 +08:00
    wzwwzw
        26
    wzwwzw  
       2024-09-18 11:30:36 +08:00
    @shubo83 多尝试用 tsx jsx 会更爽。
    mrcotter2013
        27
    mrcotter2013  
       2024-09-18 11:35:39 +08:00 via iPhone
    最近的小项目在尝试 shadcn-vue ,如果是 react 就直接用 shadcn 。
    Jaosn
        28
    Jaosn  
       2024-09-18 11:39:01 +08:00
    天花板还是 antd
    jiayouzl
        29
    jiayouzl  
       2024-09-18 11:41:01 +08:00
    @herozzm 我去年用 naive-ui 写了个不大不小的项目官方稳定可以啊,基本没踩坑.
    ZGame
        30
    ZGame  
       2024-09-18 11:43:06 +08:00
    @encro #1 vben-admin 类似结构架子(他内部引入了 naive-ui,element 等其他)。。 还是不一样的定位
    wuzhanggui
        31
    wuzhanggui  
    OP
       2024-09-18 11:46:52 +08:00
    @A3m0n #14 模板语法不也是转成 h 函数,直接写用起来不要太爽
    wuzhanggui
        32
    wuzhanggui  
    OP
       2024-09-18 11:48:42 +08:00
    @Jaosn 这个还没用过呢,他不是 react 的库嘛,社区出的一个 vue 的,感觉不靠谱就没去看过
    Leeeeex
        33
    Leeeeex  
    PRO
       2024-09-18 11:55:06 +08:00


    作者写的这个挺有意思的, 我还专门看了一遍
    encro
        34
    encro  
       2024-09-18 12:01:55 +08:00
    @ZGame 确实是对 antdv 进行了包装的架子,“内部引入 naive-ui,element“这个真没有。
    nicoljiang
        35
    nicoljiang  
    PRO
       2024-09-18 13:18:05 +08:00
    看了一下官网,基础审美实在是一言难尽。
    ZGame
        36
    ZGame  
       2024-09-18 13:19:34 +08:00
    @encro #34 哥们你确定没有吗.... 我都在照着他的架子再写一个 react 版本...
    collen
        37
    collen  
       2024-09-18 13:32:05 +08:00
    一坨,等你要做定制化奇怪的 UI 的时候就知道了
    encro
        38
    encro  
       2024-09-18 13:38:40 +08:00
    @ZGame

    尴尬了,我用的 2.0 版本。主要是基于 antd-vue 。
    现在好家伙,直接跳 5.0 了。
    weijancc
        39
    weijancc  
       2024-09-18 13:53:31 +08:00
    太丑了
    tog
        40
    tog  
       2024-09-18 14:31:41 +08:00
    tsx => naive-ui
    template => element-ui
    个人是这么觉得的
    SmiteChow
        41
    SmiteChow  
       2024-09-18 14:41:34 +08:00
    前端娱乐圈
    fatDex
        42
    fatDex  
       2024-09-18 14:43:25 +08:00
    @Bazingal 哈哈哈,太能整了。
    07akioni
        43
    07akioni  
       2024-09-18 15:22:49 +08:00   18
    我是作者,最近一年多其实忙的只能抽空维护了。

    各种好评和差评我也都见过,其实归根结底就是一个事:
    需求太多样了,任何组件库都只能满足一部分人的需求,选个合适的用就好。

    真的要比优势和劣势也尽量在同一个维度比,只比某个维度的话确实可以分出好坏来。
    g0blin
        44
    g0blin  
       2024-09-18 15:56:47 +08:00
    @Bazingal 现在查无此号了
    yrj
        45
    yrj  
       2024-09-18 16:26:59 +08:00
    很早之前用过 naive ui 但好像是因为有些组件卡卡的,就换 arco 了
    yrj
        46
    yrj  
       2024-09-18 16:28:35 +08:00
    demo 登录页,登录框的阴影太重了,淡一些,在给点透明+模糊,高级感就上来了
    ZGame
        47
    ZGame  
       2024-09-18 17:19:29 +08:00
    @07akioni 组件库还是很强大,有点复刻 antd 的那种感觉。不过对于个人来说,能搞一套类似 shadcn 这种的形成自己的一套组件库更加舒服
    07akioni
        48
    07akioni  
       2024-09-18 19:06:14 +08:00
    @ZGame 仔细看看会发现功能更多 [狗头]
    07akioni
        49
    07akioni  
       2024-09-18 19:08:52 +08:00
    @ZGame shadcn 确实更适合独立的项目开发(在功能不是特别复杂的前提下),因为 tailwind ,还有源码引入的方式,如果功能复杂起来了,用户就会被迫在选择一个内置功能更强的库。

    面多了加水,水多了加面。
    dabaibai
        50
    dabaibai  
       2024-09-18 19:37:51 +08:00
    支持 nuxt3 ssr 吗?
    horizon
        51
    horizon  
       2024-09-18 21:05:57 +08:00
    那你应该用 nextjs + shadcn/ui
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1158 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 23:29 PVG 07:29 LAX 16:29 JFK 19:29
    Do have faith in what you're doing.
    ubao 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