【微信小程序官方学习平台的学习心得】视图层

1、WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

2、

wx:for：默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item。也可以自定义：wx:for-item，wx:for-index

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

wx:key：

自己理解：一堆输入框列表，其中在输入框中A输入内容，触发事件，会增加一个输入框。但其他都没变化，为了高效，渲染的时候会将没有变化的继续保持当前状态，即当前A中输入的内容也不会消失。

下面是官方文档内容：

wx:key 的值以两种形式提供

1. 字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。
2. 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。