442
微信
微信小程序开发教程基础篇8-数据绑定下
教程接上篇，当需要展示一组数据时，可以使用
其中
index
是当前数据索引的默认变量名，
item
是当前数据项的默认变量名。 也可以使用
和
来指定别名
也可以嵌套使用，如下面是一个九九乘法表
类似
，也可以将
用在标签上，以渲染一个包含多节点的结构块
要理解为什么需要
，先来看一个例子:
上面的代码创建了两个checkbox组件和一个按钮，当点击按钮会在最上方新增一个
checkbox
组件。 编译代码，会显示如下界面:
点击按钮，界面如下：
ok，到这里一切正常 ，为了更好的说明问题，加入checkbox选中事件的处理，当checkbox被选中时，将文字修改为"我被选中了"，相关代码如下：
当选中第一个checkbox时，界面如下
这时如果点击添加组件按钮会怎样呢，期望的效果应该如下
然而实际效果确是下图这样的
可以看到渲染引擎并没有将选中的效果和数据绑定起来，导致出现了预期之外的结果。如果想要达到预期效果，就要使用
{} 在上方添加一个新的check组件
将.wxml文件修改为上述代码所示，就可以实现预期效果，重点就在
这一句
如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 中的输入内容， 的选中状态），需要使用
来指定列表中项目的唯一的标识符。
的值以两种形式提供 1 字符串，代表在 for 循环的 array 中 item 的某个 property，该 property的值需要是列表中唯一的字符串或数字，且不能动态改变。 2 保留关键字
*this
代表在 for 循环中的 item 本身，这种表示需要item 本身是一个唯一的字符串或者数字，
上面引用自微信官方教程。除了用于保持视图组件的状态外，使用
还有助于提高渲染效率
当数据改变触发渲染层重新渲染的时候，会校正带有 key的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。
最后更新：2017-10-08 07:50:25