微信小程序开发之WXML：数据绑定

WXML语言最终会被转译为宿主端对应的语言，所以WXML语言中使用的标签一定是小程序定义的标签，不能使用自定义的标签，这样才能保持页面的正确转译。（这是对上一篇标签的补充）
WXML具有数据绑定、列表渲染、条件渲染、模板、事件等能力。

数据绑定

数据绑定功能使得程序在运行过程中，具备动态改变渲染界面的能力，从而达到更好的用户体验效果。小程序的数据绑定使用Mustache语法（双大括号）将变量或简单的的运算规则包起来。

简单绑定

WXML中的动态数据均来自对应Page的data。简单数据绑定是指我们使用Mustache语法（双大括号）将变量包起来。在模板中直接作为字符串输出使用，可作用于内容、组件属性、控制属性、关键字等输出，其中关键字输出是指将JavaScript中的关键字按其真值输出。

<!--作为内容-->
<view>{
  {content}}</view>

需要在双引号之内

<!--作为组件属性-->
<view id="item-{
  {id}}"></view>
//page.js
Page({
data:{
     id:0
      }
      })

需要在双引号之内

<!--作为控制属性-->
<view wx:if="{
  {condition}}"></view>
//page.js
Page({
data:{
     condition:true
      }
      })