您可以在Stencil中用v-for打个比方吗？ （类似于Stencil中的v-for）

Question

我应该几次复制元素的一部分，取决于模板中的数组。我在Vue中使用了v-for，但是在Stencil中可以使用什么呢？

Answer 1

根据docs：

  

创建JSX树时，可以使用传统循环在JSX中创建循环，或者在现有JSX中内联时，可以使用数组运算符（例如map）来创建循环。

所以

render() {
  return (
    <div>
      {this.items.map((item) =>
        <div>
          <div>{item.name}</div>
        </div>
      )}
    </div>
  )
}

应该大约等于

<div v-for="item in items">
  <div>{{ item.name }}</div>
  ...