v-for(自用）

v-for

一、v-for循环数字

<div class="f" v-for="(item,index) in 10" :key="index">item——>{{item}}\\\index——>{{index}}</div>

二、v-for循环字符串

<div class="f" v-for="(item,index) in 'hello world'" :key="index">item——>{{item}}\\\index——>{{index}}</div>

循环字符串时，将每一个字符都进行循环，item就是每个字符
输出：

三、v-for循环数组

<div class="f" v-for="(item,index) in ['不','宜','妄','自','菲','薄','引','喻','失','义']" :key="index">item——>{{item}}\\\index——>{{index}}</div>

item就是数组中的每一项，index就是他们所对应的索引下标

四、 v-for循环对象

<div class="f" v-for="(item,index) in {name:'张三',age:17,hobby:'看罗老师讲课'}" :key="index">item——>{{item}}\\\index——>{{index}}</div>

item就是对象中的属性值，index是属性名

注：

因为v-for可以循环各种数据类型，所以在使用时，应当注意v-for此时循环的是什么数据类型，以免出错。