- 指令：
v-for。 - 作用：用于遍歷數(shù)據(jù)，生成多個結(jié)構(gòu)。
- 語法：
v-for="item in xxx" :key="????"。
通俗理解：想生成多個誰，就在誰身上加v-for，別忘了寫key。key的使用原則（同react）：有唯一值就用唯一值（身份證號、手機號、學號…），沒有就用索引值。
-
遍歷數(shù)組
<ul> <li v-for="(item,index) in arr" :key="index"> {{item}} </li> </ul> -
遍歷對象
<li v-for="(value,key,index) in car" :key="index"> {{value}} - {{key}} - {{index}} </li> -
遍歷字符串
<li v-for="(char,index) in str" :key="index"> {{char}} - {{index}} </li> -
遍歷指定次數(shù)文章來源：http://www.zghlxwxcb.cn/news/detail-809649.html
<li v-for="(number,index) in 10" :key="index"> {{number}} - {{index}} </li> -
v-for很健壯，遍歷如下內(nèi)容都不會報錯文章來源地址http://www.zghlxwxcb.cn/news/detail-809649.html<h1 v-for="(a,b) in null">你好</h1> <h1 v-for="(a,b) in undefined">你好</h1> <h1 v-for="(a,b) in '' ">你好</h1> <h1 v-for="(a,b) in true ">你好</h1>
到了這里，關于Vue中v-for指令的詳細應用與遍歷數(shù)據(jù)說明的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
