item,key,index 的问题

Question

老师您好，
那个v-for="(item,key,index) of userInfo" 的例子如果我改成(item,index,key),下面差值表达式不变，为什么页面上变量key的位置显示index，index的位置显示key？

{{item}}---{{key}}----{{index}}

Dell---0----name 28---1----age male---2----gender secret---3----salary

Answer 1

微虻 2019-06-28 11:45:17

我试了一下，

如果是对象，(item,key,index)里三项顺序就是值、key、索引不变，无论参数用什么代替，(item,index)只写两项时index实际上指的是key；

如果是数组，括号里最多就2项，值和索引，我觉得你说的应该是这种情况

Answer 2

qq_吾_6 2019-04-01 14:19:01

因为这是VUE的固定语法，括号里的参数，VUE会去判断传参数量和顺序，并且按第一个是值，第二个是KEY，第三个是INDEX，就算你随便写，比如v-for="(a,b,c) of userInfo"，这里的a,b,c对应的还是 值，KEY,INDEX

• 提问者 慕斯7204535 #1

  那为什么只写v-for="(item,index) ，会默认第二个是index而不是key？

• 会飞的铁蛋 回复 提问者 慕斯7204535 #2

  应该需要看源码实现了，可能是在参数只有两个的时候第二个参数默认为index