在 Vue 中，循環序號是指循環數組或對象時，自動為每一項添加一個序號。常見的場景包括渲染表格、列表、輪播圖等。

Vue 提供了兩種循環序號的方式：

1. 使用 $index
2. 使用 v-for 的第二個參數

下面我們來分別介紹這兩種方式：

使用 $index

$index 是 Vue 內置的一個變量，它表示當前循環的索引。使用 $index，循環序號的代碼如下：

<ul>
<li v-for="item in list">
{{ $index + 1 }}. {{ item }}
</li>
</ul>

以上代碼中，我們使用 $index 變量來表示循環的索引，由于索引從 0 開始計數，所以我們要在序號前面加一。

使用 v-for 的第二個參數

v-for 的第二個參數也可以用來表示循環序號，示例如下：

<ul>
<li v-for="(item, index) in list">
{{ index + 1 }}. {{ item }}
</li>
</ul>

以上代碼中，我們在 v-for 中聲明了兩個參數 item 和 index，其中 index 表示當前循環的索引。與使用 $index 相同，我們也要在序號前面加一。

注意事項

在使用循環序號時，需要注意以下事項：

• 循環序號是從 1 開始計數的，但索引是從 0 開始計數的，因此需要在序號前面加一。
• 如果循環的是對象，那么循環序號只能用 v-for 的第二個參數來表示。
• 循環序號只在當前的 v-for 中有效，如果在 v-for 嵌套中使用，那么序號只會計算每個內層循環的索引。

以上就是關于 Vue 循環序號的介紹，希望對大家有所幫助。