- 指令：
v-for。 - 作用：用于遍历数据，生成多个结构。
- 语法：
v-for="item in xxx" :key="????"。
通俗理解：想生成多个谁，就在谁身上加v-for，别忘了写key。key的使用原则（同react）：有唯一值就用唯一值（身份证号、手机号、学号…），没有就用索引值。
-
遍历数组
<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> -
遍历指定次数文章来源：https://www.toymoban.com/news/detail-809649.html
<li v-for="(number,index) in 10" :key="index"> {{number}} - {{index}} </li> -
v-for很健壮，遍历如下内容都不会报错文章来源地址https://www.toymoban.com/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指令的详细应用与遍历数据说明的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
