el 循環數組中 json 的操作十分常見，可以通過 v-for 指令快速遍歷數組中的每個元素。當元素是 json 對象時，我們可以通過 {{item.key}} 的形式來訪問其屬性值，也可以在 v-for 中使用”（key，value）”的形式來分別訪問 key 和 value。

<ul>
<li v-for="(person, index) in people" :key="index">
<p>Name: {{person.name}}</p>
<p>Age: {{person.age}}</p>
<p>Email: {{person.email}}</p>
</li>
</ul>
data() {
return {
people: [
{ name: "Mike", age: 25, email: "mike@example.com" },
{ name: "Jane", age: 36, email: "jane@example.com" },
{ name: "John", age: 42, email: "john@example.com" }
]
}
}

上面的代碼中使用了 v-for 指令來遍歷數組 people 中的每個元素，并將其顯示在一個無序列表中。在每個 li 元素中，我們通過 {{person.name}}，{{person.age}} 和 {{person.email}} 分別顯示了 person 對象的 name、age 和 email 屬性。同時，我們也可以在 v-for 中使用”（key，value）”的形式來分別訪問 json 對象的鍵和值，如：

<div v-for="(value, key) in person">
{{key}}: {{value}}
</div>

上面的代碼中，我們使用 v-for 遍歷了一個名為 person 的 json 對象，然后在 div 元素中分別顯示了該對象的每個屬性名和屬性值。