vue 中用于循環(huán)遍歷數(shù)據(jù)數(shù)組或?qū)ο蟮闹噶钍?v-for,語法為 。參數(shù)包括:遍歷項 item、可選索引 index 和要遍歷的數(shù)據(jù) items。
Vue 中用于循環(huán)的指令
Vue 中使用 v-for
指令進行循環(huán)遍歷數(shù)據(jù)數(shù)組或?qū)ο蟆?/p>
語法:
<code class="html"><template v-for="(item, index) in items"></template></code>
登錄后復制
參數(shù):
item
:當前循環(huán)項
index
:當前循環(huán)項的索引(可選)
items
:要遍歷的數(shù)據(jù)數(shù)組或?qū)ο?/p>
用法:
- 遍歷數(shù)組:
<code class="html"><ul> <li v-for="item in items">{{ item }}</li> </ul></code>
登錄后復制
- 遍歷對象:
<code class="html"><ul> <li v-for="(value, key) in object">{{ key }}: {{ value }}</li> </ul></code>
登錄后復制
- 循環(huán)索引:
<code class="html"><ul> <li v-for="(item, index) in items">{{ index + 1 }}. {{ item }}</li> </ul></code>
登錄后復制