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

Question

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

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

Answer 1

Dell 2018-04-10 11:49:43

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

Answer 2

提问者 你像风 2018-04-10 11:54:14

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

• Dell #1

  这是两个非常好的问题 第一个问题是因为同一层里的div和span用了一样名字的key，同一层里的元素key不能相同

• 提问者 你像风 回复 Dell #2

  老师, 那template这个的错误呢?

• Dell #3

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