本教程将探索在 Lit 中渲染列表项的不同方式!
Lit 让渲染任何列表项变得简单。它内置了对可迭代对象的支持:将数组(或其他可迭代对象)传递给子表达式,Lit 就会渲染数组中的每一项。这一特性,结合 Lit 渲染嵌套模板的能力,以及 JavaScript 中将数据列表转换为模板列表的模式,可以实现非常灵活的列表处理。
map() 指令渲染列表。range() 指令生成列表。repeat() 指令对有状态元素的列表进行差异比较。本教程假设你已经完成了 Lit 入门教程, 或者你已经熟悉 Lit 的一些基础知识: 定义组件、 渲染、 响应式属性,以及 添加事件监听器。