数据绑定
在.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。