我开始使用hyperHTML有一个问题
从...开始
const data = [1,2,3]
Run Code Online (Sandbox Code Playgroud)
用铁丝
hyperHTML.bind(document.getElementById('root'))`
<h1>Hello, world!</h1>
${ data.map( num => hyperHTML.wire()`<li>${num}</li>` ) }
`;
Run Code Online (Sandbox Code Playgroud)
使用字符串
hyperHTML.bind(document.getElementById('root'))`
<h1>Hello, world!</h1>
${ data.map( num => `<li>${num}</li>`) }
`;
Run Code Online (Sandbox Code Playgroud)
为什么电线更好?
当wire没有"id"(obj,string)时,它将返回一个没有引用的元素
这是文档,但他们不说为什么应该使用wire over string.
谢谢你的帮助
只是想...会定义更好用吗?就像是:
hyperHTML.define(numberListItem, num => `<li>${num}</li>`)
hyperHTML.bind(document.getElementById('root'))`
<h1>Hello, world!</h1>
${ data.map( num => ${{numberListItem: num}}) }
`;
Run Code Online (Sandbox Code Playgroud)
但现在你要填写每个小元素的名称空间:(