在 vue 中,可使用 v-for 指令实现循环。语法为:v-for="(item, index) in items",其中 item 是循环元素别名,items 是要循环的数组或对象。其他选项包括:v-for="item of items";循环对象属性时为 v-for="item in object";同时循环属性值和属性名时为 v-for="item, key in object";循环数字范围时为 v-for="item, i in 10"。
Vue 循环函数
问题:Vue 中如何编写循环函数?
回答:
在 Vue 中,可以通过 v-for 指令实现循环。
语法:
<template><ul>
<li v-for="item in items">{{ item }}</li>
</ul></template><script>
export default {
data() {
return {
items: ["Item 1", "Item 2", "Item 3"]
}
}
}
</script>
如何使用:
- v-for (item in items):将 items 数组中的每个元素循环为 item。
- item:循环中每个元素的别名,可以在模板中使用。
- items:要循环的数组或对象。
其他选项:
- v-for="item of items":类似于 v-for="item in items"。
- v-for="(item, index) in items":同时循环元素和索引。
- v-for="item in object":循环对象中的属性,item 将是属性值。
- v-for="item, key in object":同时循环对象中的属性值和属性名。
- v-for="item, i in 10":循环一个数字范围,item 将是数字,i 将是索引。