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

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

在頁(yè)面中使用 {{}} 語(yǔ)法直接使用：

事件綁定

事件觸發(fā)

常用事件：

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

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

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

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

此時(shí)，對(duì)于外層的view來(lái)說(shuō)：

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

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

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

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

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

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

條件渲染

wx:if

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

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

block 不是一個(gè)組件，只是一個(gè)包裹性的容器，不會(huì)在頁(yè)面中做任何渲染。

hidden

控制顯示與異常。

wx:if 與 hidden 對(duì)比：

列表渲染

wx:for

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