一、WXML及其數據綁定

微信小程序的開發還是和網頁開發不一樣的，它有自己獨特的標簽語言，比如下面我要說到的數據綁定：

這就是一個數據綁定的wxml中的一段代碼，上面的代碼是寫在index.wxml文件中的，對應的在index.wxjs中你需要在page--->date中寫出與之相對應的代碼，來控制上面綁定的數據。

通過這樣的方式就可以將綁定的{{message}}與index.js中page（）方法裏的data對象的message屬性關聯起來來了。當然在程序運行的時候，便會在{{message}}的位置顯示出“hello 小程序”字符串。

WXML中的數據綁定也是支持條件控制的，就如同其他的語言一樣，都是擁有條件控制的功能，但是在WXML中的 if 條件控制又有些不同，但是邏輯思想當然是相同的，不同之處在於使用的語法，具體不同的地方就用代碼來感受吧！

比如在上面一段代碼中，就用到了 if 條件語句，目前的我只學習了3門的高級語言和一門弱語言，裏面都有 if 條件的判斷，但是在小程序中，這裏的條件判斷是與綁定數據在一起應用的。我想，大家光是看以上的代碼結合上面說到的數據綁定，就應該能夠猜測到了其 if 判斷的用法。

既然是與數據綁定相結合使用的，那麽在相應的wxml.js文件中就要有一個判斷條件來控制該語句的執行，這個判斷的條件就像是一個開關一樣，同樣的道理，“打開開關”就是“true”，“關閉開關”就是“false”。當然了，這個開關控制的“樣式”即判斷條件，你想讓它是什麽樣子，就根據你自己的意願了，當然了，最簡單粗暴的方式就是“true”和“false”了。

那麽我們來看一看其具體的實現結果是什麽樣的。上圖：

這就是所謂的最簡單粗暴的，當然相對來說也是最高效的“開關”了，我為什麽說是它是“相對高效”的呢，因為我覺得，其他的條件判斷語句，就算是再簡單的，最終都要轉化為“true”、“false”，而在這期間是需要考慮時間效率的。

這就是當判斷條件為“true”是觸發數據的綁定，進而將<view>和數據的顯示出來，反之，會隱藏<view>,就不會顯示出數據。

微信小程序開發歷程(三)數據綁定