视图里面怎么写循环？

在前端开发中，特别是使用像HTML、Vue.js、React等框架的时候，视图层通常使用模板语言编写，其中包含循环（loop）是非常常见的。下面是一些常见框架中如何编写循环的例子：

1. **HTML** (模板引擎如EJS或Pug):

   <ul>
     <% for(let item of items) { %>
       <li><%= item.name %></li>
     <% } %>
   </ul>

2. **Vue.js**:

   <template>
     <ul>
       <li v-for="item in items" :key="item.id">{{ item.name }}</li>
     </ul>
   </template>

这里`v-for`指令用于迭代数组items中的每一项。

3. **React** (JSX语法):

   <ul>
     {items.map((item, index) => (
       <li key={index}>{item.name}</li>
     ))}
   </ul>

使用了`.map()`函数将数组映射到列表元素。

4. **Angular**:

   <ul *ngFor="let item of items; let i = index">
     <li>{{ item.name }}</li>
   </ul>

使用`*ngFor`指令遍历items数组。

无论哪种框架，循环通常是通过某种形式的迭代结构，如`for`、`foreach`或类似`map()`、`forEach()`，来遍历数据源并插入每个元素到视图中。