數(shù)據(jù)綁定

對應(yīng)頁面的 js 文件中 定義數(shù)據(jù)到 data 中：

在頁面中使用 {{}} 語法直接使用：

事件綁定

事件觸發(fā)

常用事件：

事件對象的屬性列表（事件回調(diào)觸發(fā)，會收到一個事件對象 event，它的詳細(xì)屬性如下）：

e.detail.value 是變化過后，文本框最新的值。

target是觸發(fā)該事件的源頭組件，而currentTarget則是當(dāng)前事件所綁定的組件。

點(diǎn)擊內(nèi)部的按鈕時，點(diǎn)擊事件以冒泡的方式向外擴(kuò)散，也會觸發(fā)外層view的tap事件處理函數(shù)。

此時，對于外層的view來說：

• e.target 指向的是觸發(fā)事件的源頭組件，因此，e.target 是內(nèi)部的按鈕組件
• e.currentTarget 指向的是當(dāng)前正在觸發(fā)事件的那個組件，因此，e.currentTarget 是當(dāng)前的view組件

小程序中的事件傳參比較特殊，不能在綁定事件的同時為事件處理函數(shù)傳遞參數(shù)。小程序會將 bandtap 的屬性值統(tǒng)一當(dāng)做事件名稱來處理。

可以為組件提供 data-* 自定義屬性傳參， * 代表參數(shù)的名字：

這里所傳參數(shù)為 info=2。

數(shù)據(jù)修改

這里舉一個例子，實(shí)現(xiàn)文本框和 data 之間的數(shù)據(jù)同步：

條件渲染

wx:if

結(jié)合 <block> 使用 wx:if

如果要一次性控制多個組件的展示與隱藏，可以使用一個<block></block>標(biāo)簽將多個組件包裝起來，并
在<block>標(biāo)簽上使用wx:if控制屬性，示例如下：

block 不是一個組件，只是一個包裹性的容器，不會在頁面中做任何渲染。

hidden

控制顯示與異常。

wx:if 與 hidden 對比：

列表渲染

wx:for

默認(rèn)情況下，當(dāng)前循環(huán)項的索引用 index 表示，當(dāng)前循環(huán)項用 item 表示。