简单来说,这个框架允许以下面的方式来创建 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 166 天前 via Android
类似的框架,用过 petite-vue 。响应式框架很爽,我写个小页面也喜欢用上它
|
2
BeijingBaby 166 天前
把本来用 html 写的,重新用 js 语法写一遍……
|
3
gdfsjunjun 166 天前
就像小程序的富文本?居然还是节点写法。
|
4
zsj1029 166 天前 via iPhone 1
这种可以用 jsx 语法插件配合写,自动全响应式,有个 mithril 不要太爽,早已放弃 react
|
5
GeekGao 166 天前
歪个楼,推荐 SolidJS
|
6
ragnaroks 165 天前
以前弄网易 buff 的捡漏机器人用过这个,只能说,如果条件允许还是上 react 、vue 吧
|
7
xR13zp0h67njQr2S 165 天前
|
10
GeekGao 165 天前
|