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
表示数组元素的值。