Vue 的 for-in 語法,用于在模板中迭代 JavaScript 對象的鍵名和鍵值。語法上與常規 for-in 循環類似,但在 Vue 的模板中需要用v-for
指令來綁定循環。
<div v-for="(value, key) in obj">
{{ key }}: {{ value }}
</div>
上述代碼中的obj
是一個 JavaScript 對象,key
表示對象的鍵名,value
表示對象的鍵值。在模板中使用v-for="(value, key) in obj"
的語法來綁定循環。
還可以使用v-for
來循環數組。在這種情況下,value
表示數組元素的值,key
表示數組元素的下標。
<div v-for="(value, key) in array">
Index: {{ key }} - Value: {{ value }}
</div>
上述代碼中的array
是一個 JavaScript 數組,key
表示數組元素的下標,value
表示數組元素的值。