前端实习第2、3天总结--支付宝小程序学习（数据渲染）

数据绑定

在.js文件的date中写上自己的数据，然后在.axml文件中使用{{}}来渲染出来。（同样的用法也可以用来绑定属性如id、class等）

{{}}中只能写表达式，不能写代码语句（区别见编程中表达式和代码语句的区别_回首＆逝去～的博客-CSDN博客）

 

条件渲染

使用a:if="{{condition}}"来进行条件渲染

列表渲染

在date中添加数组或者对象数据，然后使用a:for来渲染显示。

a:for-index="index" a:for-item="item"这两个属性可以省略，省略后默认为item和index。

如果渲染数据为对象，推荐将index改为key，将item改为value，容易区分。

key属性

a:key用来区分渲染的每一条数据的不同，它的值一般有两种形式来提供。

如果不提供a:key，控制台则会有警告。

• 字符串：代表列表项某个属性，属性值需要是列表中唯一的字符串或数字，比如 ID，并且不能动态改变。
• 保留关键字 *this，代表列表项本身，并且它是唯一的字符串或者数字，比如当数据改变触发重新渲染时，会校正带有 key 的组件，框架会确保他们重新被排序，而不是重新创建，这可以使组件保持自身状态，提高列表渲染效率。（一般用于普通数组的渲染；如:[1,2,3,4,5];['aa','bb','cc']这种数组）

block标签

block标签，相当于占位符，使用block标签，在渲染的时候会自动把block标签移除。

另外block标签不能使用a:key。