van_jsx. A jsx helper for VanJS
npm install @shoulddoit/van_jsxh
h(name, props, ...children)
render
h(container, componentOrHTMLElement)
document.createElement。但 van_jsx 引入了组件概念。在 van_jsx 中一个组件是指返回 HTMLElement 的函数。
js
function DisplayName({ name }) {
return {name};
}
render('#app', );
`
上面的 DisplayName 就称为一个组件。
响应式
所谓的“响应式”是指数据变化会自动更新视图。VanJS 内置了 van.state 用于实现响应式开发范式。van.state 需要将数据包装为函数来追踪。示例可以参考 reactive。
van_jsx 和 React 区别
虽然 van_jsx 使用 jsx 语法用于创建 HTML,但是其低层是 VanJS,更深层的实现原理是 DOM 操作。与 React 明显不同。React 是先创建 vdom 然后渲染为 HTML。
构建
`sh
pnpm i
pnpm build
pnpm build-examples
``