數(shù)據(jù)綁定
數(shù)據(jù)綁定是將一個(gè)用戶界面元素的屬性綁定到一個(gè)類型實(shí)例上的某個(gè)屬性的方法
數(shù)據(jù)綁定的基本原則
- 在 data 節(jié)點(diǎn)中定義數(shù)據(jù)
- 在頁面對(duì)應(yīng)的 .js 文件中靡馁,把數(shù)據(jù)定義到 data 對(duì)象中
- 在 WXML 中使用數(shù)據(jù)
- 在頁面對(duì)應(yīng)的 WXML 文件中炫隶,使用 Mustache 語法將數(shù)據(jù)渲染的頁面
Mustache 語法
微信小程序中的 Mustache 語法用雙大括號(hào)來表示媚朦,類似于 Vue 中的差值表達(dá)式许昨。
格式
使用雙大括號(hào)將變量包起來珊搀,如果要將info
變量對(duì)應(yīng)的值渲染到頁面上蕊温,代碼如下
<view> {{ info }} </view>
應(yīng)用場(chǎng)景
- 綁定內(nèi)容
- 綁定屬性
- 運(yùn)算 如三元表達(dá)式運(yùn)算扒磁、算數(shù)運(yùn)算等
事件綁定
事件是渲染層到邏輯層的通信方式庆揪,通過事件可以將用戶在渲染層產(chǎn)生的行為,反饋到邏輯層進(jìn)行業(yè)務(wù)的處理妨托。
小程序中常用的事件
常用的事件有 tap缸榛、input 和 change,詳細(xì)說明如下
常用事件
事件對(duì)象的屬性列表
當(dāng)事件的回調(diào)函數(shù)被觸發(fā)時(shí)兰伤,會(huì)收到一個(gè)事件對(duì)象 event内颗,其詳細(xì)屬性如下
event 詳細(xì)屬性