微信小程序day01_12之小程序视图层数据绑定

本文代码 : https://gitee.com/jaythc/wxxcx_learen/tree/master/day01/day01_12/ownPageLife

一. 数据绑定

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

1. 简单绑定

数据绑定使用 Mustache 语法（双大括号）将变量包起来. 例如在wxml中代码如下

    {{msg}}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg : "888888"
  },
}

在模拟器中显示如下

2. 属性绑定

把数据绑定在标签的属性中

{testid}}
    {{msg}}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg : "888888",
    testid: "10000"
  }
}

显示效果如下

3. 关键字

关键字(需要在双引号之内) true：boolean 类型的 true，代表真值。 false： boolean 类型的 false，代表假值。

代码示例

{testid}}
    {{msg}}