跳转到内容
彼岸论坛
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[程序员] 最小的响应式 UI 框架 Van.js,大家用过吗?


已推荐帖子

发表于

官网: 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 树直接就是原生的,整体上很有极客风范。

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

  • 游客注册

    游客注册

  • 会员

    没有会员可显示

  • 最新的状态更新

    没有最新的状态更新
  • 最近查看

    • 没有会员查看此页面.
×
×
  • 创建新的...