數(shù)據(jù)綁定作為，邏輯與界面分離的框架當(dāng)中，是一種不可或缺的部分，

它的作用是，將邏輯層進(jìn)過(guò)業(yè)務(wù)邏輯得到的數(shù)據(jù)呈現(xiàn)到界面上。小程序中跟這個(gè)基本一樣，那有何不同呢，一起來(lái)看看。

一、作用，數(shù)據(jù)綁定

小程序中規(guī)定數(shù)據(jù)必須要放在一個(gè)固定的地方，就是該頁(yè)面邏輯層的 data 屬性中。

頁(yè)面的邏輯層就是該頁(yè)面的 js 中，data:{   //該對(duì)象中的所有屬性都可以在界面中訪問(wèn)到。   }

語(yǔ)法：mustache   小胡子語(yǔ)法   邏輯判斷、三元表達(dá)式都可運(yùn)算

1.小胡子語(yǔ)法   作用于元素的內(nèi)容

邏輯層：

界面：

PS：在界面訪問(wèn)數(shù)據(jù)時(shí)，不用 data. 這種形勢(shì)，只需訪問(wèn)data中的屬性名。如上面，直接訪問(wèn) message

小胡子語(yǔ)法，作用： 專(zhuān)門(mén)用于輸出邏輯層暴露的數(shù)據(jù)

2.小胡子語(yǔ)法作用于，元素的屬性上

    mustache 之外還可以添加?xùn)|西

    

3.簡(jiǎn)單的邏輯運(yùn)算

4.字符串拼接

***小程序 wxml 中 屬性的值 如果只是在雙引號(hào)內(nèi)部，就永遠(yuǎn)是字符串

1.只是字符串

2.小胡子語(yǔ)法  mustache  {{}}   可以用于申明有類(lèi)型的值

 

默認(rèn)選中屬性為 false，可以通過(guò)點(diǎn)擊選中和不選。

<checkbox checked='true'></checkbox>     =  選中

<checkbox checked='checked'></checkbox>     =  選中

<checkbox checked></checkbox>     =  選中   

            ps：雖然可以實(shí)現(xiàn)效果，但是要排除掉。因?yàn)樾〕绦虻?wxml 語(yǔ)法要遵循 html 語(yǔ)法，

                    html 規(guī)定，屬性必須要有屬性值，而且屬性值要用雙引號(hào)引起來(lái)。

                    因此，這個(gè)方法也兼容，但是并不推薦這么去做。

<checkbox checked='asdf'></checkbox>     =  選中     (隨便寫(xiě))

<checkbox checked=' '></checkbox>     =  選中     (為空)

                    發(fā)現(xiàn)：隨便寫(xiě)checked='asdf'，或者，checked=' ' 為空，也是可以被選中的。

               所以，在小程序 wxml 中 屬性的值 如果只是在雙引號(hào)內(nèi)部，就永遠(yuǎn)是字符串。因此，要想有自己的類(lèi)型，就要借助‘小胡子語(yǔ)法’。

例如：{{message + 2}}

           message 為該頁(yè)面 js 中定義的數(shù)據(jù)。

           message是字符串時(shí)，上面的輸出為 ‘拼接的字符串’

           message是數(shù)字1時(shí)，上面的輸出結(jié)果為   ‘拼接的字符串’

    所以，mustache語(yǔ)法，用于申明有類(lèi)型的值

二、作用，如何在界面調(diào)用，邏輯層暴露的函數(shù)

首先，看一下

js中暴露一個(gè)函數(shù)：

界面：

結(jié)論：沒(méi)有任何效果顯示在界面中。因此，data 中只能暴露數(shù)據(jù)成員。

那么，要怎么才能在界面調(diào)用邏輯層暴露的函數(shù)呢，小程序有一個(gè) wxs 。

wxs 標(biāo)簽類(lèi)似于，在 html 中的 script 標(biāo)簽，可以定義一些行內(nèi)腳本。