最小的响应式 UI 框架 Van.js,大家用过吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
oyps

最小的响应式 UI 框架 Van.js,大家用过吗?

  •  
  •   oyps
    oyps Jul 12, 2024 3874 views
    This topic created in 660 days ago, the information mentioned may be changed or developed.

    官网: https://vanjs.org/

    简单来说,这个框架允许以下面的方式来创建 DOM 树,方法名等于标签名,并且可以嵌套。

    const element = div({ class: 'box' }, '文本内容 01', '文本内容 02', button('按钮名称') ) 

    示例如下:

    import van from 'vanjs-core' const { div, button } = van.tags const App = () => { return div( button({ class: 'btn btn-success' }, 'Click Me') ) } van.add(document.body, App()) 

    可以通过 const myValueState = van.state(value) 来创建状态值,通过 myValueState.val 来访问和修改状态值。

    用了一段时间了,感觉特点就是特别的轻量简约,基本不需要配置环境,安装依赖包后就可以导入使用,还有个特点就是创建出来的 DOM 树直接就是原生的,整体上很有极客风范。

    小项目拿来折腾还是很好玩的,不知道大家有没有使用过的,感觉怎么样。

    10 replies    2024-07-12 19:06:12 +08:00
    fox0001
        1
    fox0001  
       Jul 12, 2024 via Android
    类似的框架,用过 petite-vue 。响应式框架很爽,我写个小页面也喜欢用上它
    BeijingBaby
        2
    BeijingBaby  
       Jul 12, 2024 div class="sep5">
    把本来用 html 写的,重新用 js 语法写一遍……
    gdfsjunjun
        3
    gdfsjunjun  
       Jul 12, 2024
    就像小程序的富文本?居然还是节点写法。
    zsj1029
        4
    zsj1029  
       Jul 12, 2024 via iPhone   1
    这种可以用 jsx 语法插件配合写,自动全响应式,有个 mithril 不要太爽,早已放弃 react
    R4rvZ6agNVWr56V0
        5
    R4rvZ6agNVWr56V0  
       Jul 12, 2024
    歪个楼,推荐 SolidJS
    ragnaroks
        6
    ragnaroks  
       Jul 12, 2024
    以前弄网易 buff 的捡漏机器人用过这个,只能说,如果条件允许还是上 react 、vue 吧
    xR13zp0h67njQr2S
        7
    xR13zp0h67njQr2S  
       Jul 12, 2024
    感觉是 vue 或者 react 编译之后的样子
    sleepm
        8
    sleepm  
       Jul 12, 2024
    歪个楼,反应式,哪个值变化了,其他的跟着变化
    响应式,窗口变化了,界面变化
    imba.io 也不错
    最小的,都是没有现成 ui 的,需要手撸 css
    suyuyu
        9
    suyuyu  
       Jul 12, 2024
    @GeekGao solid 有推荐的组件库吗
        10
    R4rvZ6agNVWr56V0  
       Jul 12, 2024
    About     Help     Advertise     Blog     API     FAQ     Solana     2459 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 48ms UTC 09:39 PVG 17:39 LAX 02:39 JFK 05:39
    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