VUE是一個以數據綁定和組合式視圖的方式，為構建高效且易于使用的 Web 用戶界面而設計的 JavaScript 開源庫。

在Vue里，我們可以利用指令v-for來實現循環，v-for指令可以讓我們迭代數組，對象及數字，用法簡單易懂，接下來我們來詳細了解一下。

V-for循環語法如下：

{{ index }} - {{ item }}

v-for指令接收一個item和index，我們還可以傳遞第3個參數表示當前項目的迭代狀態。

v-for指令可以循環遍歷對象（Object）的屬性，并且可以獲取到屬性的值和鍵，語法如下：

同樣適用于數字，也可以使用v-for指令，語法:

{{ index }} - {{ item }}

key的作用是給每個被依次渲染的元素節點賦予唯一標識，以便提高渲染性能。在循環中使用key可以讓Vue跟蹤每個節點的身份，從而復用和重新排序現有元素。

除此之外，我們還可以使用v-for指令循環組件，語法如下：

因為Vue的設計目標就是構建數據驅動的應用，所以使用v-for指令可以快速遍歷數據，并將數據渲染到頁面上，是Vue開發中非常常用的技能，掌握這個技能能讓我們開發更加簡潔方便。