老师,循环两次和在div,span外面套一个template循环应该不是一样的吧

来源：3-8 Vue中的列表渲染

你像风

2018-04-10

前者是先循环3次div,再循环3次span . 后者是一次div,一次span啊.

还是一个问题就是:key="item.id" 这个key 和 v-for="(item,index,key) of item" 这两个key有点懵,不是同一个key?

写回答

2回答

Dell

2018-04-10

第一个问题循环每一次会渲染循环内容一次一个循环结束后才会往下面继续执行下一个循环第二个问题两个key不是一个东西 :key是辅助提升性能的后面的key指的是对象的键

你像风

提问者

2018-04-10

而且这个:key="item.id" 会报错

//img.mukewang.com/szimg/5acc34910001577f09710311.jpg

//img.mukewang.com/szimg/5acc353c0001191a07180358.jpg

//img.mukewang.com/szimg/5acc34b100018daa07530356.jpg

//img.mukewang.com/szimg/5acc356000011f5c05450401.jpg

Dell

第二个问题的原因是template实际是占位符不是真实dom 所以不能在他上面设置key 把它改成div即可

2018-04-10

共3条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 3

回答 1

回答 2

回答 2

回答 1