小程序視圖層之WXML---數據綁定

數據綁定

數據綁定使用 Mustache 語法（雙大括號）將變量包起來，可以作用於內容、組件屬性、控制屬性、關鍵字、運算、組合、對象等。
具體參考https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html

關鍵字：
true：boolean 類型的 true，代表真值
false： boolean 類型的 false，代表假值

<checkbox checked="{{false}}"> </checkbox>

特別注意：不要直接寫 checked=“false”，其計算結果是一個字符串，轉成 boolean 類型後代表真值。

運算：
在 {{}} 內進行簡單的運算，支持三元運算、算數運算、邏輯判斷、字符串運算、數據路徑運算。也可以用擴展運算符 … 來將一個對象展開。

//數據路徑運算
<view>{{object.key}} {{array[0]}}</view>

Page({
  data: {
    object: {
      key: 'Hello '
    },
    array: ['MINA']
  }
})