前端进阶Vue框架-----列表渲染及key值设置的底层原理

v-for=" 参数名 in 要渲染的数据名"

in和of 没有任何的区别

 

 <li v-for="item in datalist">
            {
  {item.ishw}}--
</li>

key的设置，一般来说在列表渲染的时候都要加上key值。

那么为什么要加上key值呢？

因为在列表的渲染中太多数据是重复的，所以很不友好，加上key 值就是为了复用，达到最小的代价去更新。

key值的设置方法：

：key="id"

要通过动态绑定，设置一个唯一的id值。