微信小程序wx:key的作用理解(vue、react中的key同理)

微信小程序wx:key的作用理解

• 作用: 为了高效的更新虚拟DOM
• 代码：

  <view>
    <view wx:for="{{data}}">{{index}}: {{item}}</view>
  </view>

• 无key时：
  
• 有key时：
  
• 总结：绑定key时，如果数据发生变化，会比较绑定的key是否发生了变化，如果没有变化会优先复用原始元素，发生变化的再用创建元素并装填，并插入正确位置。（针对于数据的中间的改变，对于数据末尾添加则有key、无key效率一样）