vue pug怎麼寫for循環

在 Vue 的模板語法中（包括 Pug），可以使用 `v-for` 指令來進行循環渲染數據。

如果使用 Pug 來書寫模板的話，可以使用如下的語法：

```pug
ul
li(v-for="item in list" :key="item.id") {{ item.name }}
```

上面的代碼表示在 `ul` 元素中循環渲染 `list` 數組中的每個對象，將 `id` 屬性作爲列表項的唯一標識符，將 `name` 屬性作爲列表項的文本內容。

具體解釋如下：

- `v-for` 指令用來指定循環遍歷的對象和遍歷規則。
- `item` 是當前迭代的元素別名。
- `list` 是要遍歷的數組。
- `:key` 屬性用來表示每個元素的唯一標識符，在遍歷中用來區分每個元素，提高渲染效率。

在 Pug 中，可以通過縮進來表示嵌套關係，使用小括號包裹指令和屬性。要注意使用冒號來綁定對象的屬性，例如 `:key="item.id"` 表示將 `item.id` 作爲 `key` 屬性的值。