小程序开发之视图层WXML数据绑定、运算、组合及对象

WXML

WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

数据绑定

WXML 中的动态数据均来自对应 Page 的 data。

简单绑定

数据绑定使用 Mustache 语法（双大括号）将变量包起来。
例如：
index.wxml

<!--wxml-->
<view>{
  {message}}</view>

index.js

// index.js
Page({
  data: {
    message: 'Hello world!'
  }
})

组件属性(需要在双引号之内)

index.wxml

<!--wxml-->
<view id="item-{
  {id}}"></view>

index.js

// index.js
Page({
  data: {
    id: 0
  }
})

控制属性(需要在双引号之内)

index.wxml

<view wx:if="{
  {condition}}"></view>

index.js

// index.js
Page({
  data: {
    co