Vue-循环指令v-for

作用

可以循环打印数组

用法

1.v-for: ( 变量名 ，索引名) in 数组名
例如：v-for:(a,index) in array【那么它就会循环执行，a与index就是数组的每一个元素和索引】
2.v-for: 变量名 in 数组名
例如：v-for：a in array

效果

1.在列表标签中，它就会自动添加列表
例如：

<ul>
    <li v-for="(a,index) in arr">{{index+1+":"+a}}</li>
  </ul>

那么它就会自动在ul里面生成li标签

2.如上所示，可以使用index和a变量

注意

• 1. 这里面的索引和变量会被vue自动对齐，意思是，第一个就是赋予变量索引0里面的元素，第二个就是赋予索引1–>
• 2. 同js里面的方法一样操作数组，比如增添数组push，那么可以在vue给一个事件指令，然后this.数组名.push（）–>
• 3. 同js复杂数据类型，直接元素变量名.xxx–>
     例如：

<ol>
    <li v-for="b in arrA">{{b.name}}</li>
  </ol>
   arrA:[
        {name:"cl"},
        {name:123345},
        {name:"男"}
      ],