微信小程序-框架之列表渲染（难点wx:key）

最近在自己瞎搞一个小项目：未来茶店。进行过程中对列表渲染就有很多不熟悉的地方，看了官方文档，也自己去弄个小demo，更好了解学习。初学者，有些专业词解释不对，体谅。。。

• 列表渲染
  1.微信官方简介：
  
• 难点wx:key
  1.微信官方简介：
  2.我的理解是，简单来说就是，在有wx:key的情况下，列表中的元素数量有改变，元素顺序重新排序使框架重新渲染，原有的元素自身状态不变。渲染会更快，下面是自己的测试demo结果。
  有wx:key的情况下
  
  随机加上添加，2、3没有改变
  
  代码如下：
  wxml：

<view wx:for="{
  {list}}" wx:for-index="idx" wx:for-item="item&