小程序视图结构 wxml

WXML和HTML不同点：
?标签名字有点不一样
?多了一些 wx:if 这样的属性以及 { { }}这样的表达式
小程序提倡把渲染和逻辑分离，简单来说就是不要再让 JS 直接操控 DOM，JS只需要负责数据的处理，然后再通过一种模板语法来进行界面结构展示。
列表渲染
语法：wx:for
?wx:for-index可以指定数组当前下标的变量名 默认名为 index
?wx:for-item 可以指定数组当前元素的变量名 默认名为 item
?wx:key 可以定义也可以不定义 唯一的标识符
条件渲染
语法：wx:if
在框架中，使用 wx:if="{ {condition}}" 来判断是否需要渲染该代码块：
也可以用 wx:elif 和 wx:else 来添加一个 else 块：