
简单来说,这个框架允许以下面的方式来创建 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 树直接就是原生的,整体上很有极客风范。
小项目拿来折腾还是很好玩的,不知道大家有没有使用过的,感觉怎么样。
1 fox0001 Jul 12, 2024 via Android 类似的框架,用过 petite-vue 。响应式框架很爽,我写个小页面也喜欢用上它 |
2 BeijingBaby Jul 12, 2024 div class="sep5"> 把本来用 html 写的,重新用 js 语法写一遍…… |
3 gdfsjunjun Jul 12, 2024 就像小程序的富文本?居然还是节点写法。 |
4 zsj1029 Jul 12, 2024 via iPhone 这种可以用 jsx 语法插件配合写,自动全响应式,有个 mithril 不要太爽,早已放弃 react |
5 R4rvZ6agNVWr56V0 Jul 12, 2024 歪个楼,推荐 SolidJS |
6 ragnaroks Jul 12, 2024 以前弄网易 buff 的捡漏机器人用过这个,只能说,如果条件允许还是上 react 、vue 吧 |
7 xR13zp0h67njQr2S Jul 12, 2024 |
10 R4rvZ6agNVWr56V0 Jul 12, 2024 |