js-小程序入门-wxml语法(二)

官网

一 数据绑定与条件渲染

1 WXML 中的动态数据均来自对应 Page 的 data。
2 使用 Mustache 语法（双大括号）将变量包起
内容：

      {{ message }} 

属性：

      view 

控制：view 可用block 替换，包裹多个view

      if
	 else

运算 ：

三元运算：

算数运算：

 {{a + b}} + {{c}} + d 

数组：

 {{item}} 

对象：

二 列表渲染

1 wx:for 绑定一个数组。
默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item，
也可以修改：
使用 wx:for-item 可以指定数组当前元素的变量名，
使用 wx:for-index 可以指定数组当前下标的变量名

     {{index}} - {{item.message}}

2 block wx:for

   {{index}}: 
   {{item}} 

3 wx:key 指定列表中项目唯一的标识符

三 条件渲染

1 view 或block

	 1 
	 2 
	 3 

2 wx:if vs hidden
一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。
因此，如果需要频繁切换的情景下，用 hidden 更好，
如果在运行时条件不大可能改变则 wx:if 较好。

四 模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用
1 定义模板：使用 name 属性，作为模板的名字。然后在