WXML中的動態(tài)數(shù)據(jù)均來自于Page中的data
單向數(shù)據(jù)綁定:指的是我們先把模板寫好刁标,然后把模板和數(shù)據(jù)(數(shù)據(jù)可能來自后臺)整合到一起形成HTML代碼规丽,然后把這段HTML代碼插入到文檔流里面。(無法自主更新數(shù)據(jù))优训。
雙向數(shù)據(jù)綁定:數(shù)據(jù)模型(Module)和視圖(View)之間的雙向綁定敌卓。
簡單綁定
使用 {{}} 將變量包裹起來
<view>{{ message }}</view>
Page({
????????????data: {
????????????????????message:'Hello MINA!'
????????????????????}
})
一、組件屬性(雙引號之內(nèi))
<view id="item-{{id}}"></view>
Page({
????????????data: {
? ? ? ? ? ? ? ? ? ? id:0
????????????????????}
})
二终佛、控制屬性(需要在雙引號之內(nèi))
<view?wx:if="{{condition}}""></view>
Page({
????????????data: {
? ? ? ? ? ? ? ?????????condition:true
????????????????????}
})
三、關(guān)鍵字(需要在雙引號之內(nèi))
true:boolean 類型的 true雾家,代表真值铃彰。
false: boolean 類型的 false,代表假值芯咧。
<checkbox checked="{{true}}"> </checkbox>
注1:數(shù)據(jù)流向是單向的牙捉,即視圖變化不會影響對象狀態(tài)。
注2:視圖上的數(shù)據(jù)都必須用過事件傳遞給對象唬党,只有用戶操作視圖鹃共,才能獲取到數(shù)據(jù),并更新對象狀態(tài)驶拱。