成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【Amaple教程】3. 模板指令與狀態(tài)數(shù)據(jù)(state)

xiao7cn / 2557人閱讀

摘要:指令在上使用元素沒有設(shè)置屬性時,自動設(shè)置綁定的狀態(tài)屬性名為屬性。

一個模塊的template模板、JavaScript和css之間的關(guān)系其實可以如下圖表示:

如果你了解Angular、Vue動態(tài)模板,那你將會對Amaple的模板感到很熟悉,在Amaple中,template模板也是基于模板指令和狀態(tài)數(shù)據(jù)的動態(tài)模板引擎,當(dāng)一個狀態(tài)數(shù)據(jù)改變時,在template模板中與它綁定的dom元素將自動作出相應(yīng)的更新,所以此時你只需關(guān)心模塊內(nèi)的狀態(tài)數(shù)據(jù),而不需去理會視圖層的更新。

指令類型

指令分為動態(tài)指令和靜態(tài)指令,動態(tài)指令的值會被當(dāng)作JavaScript代碼被解析,所以它們可以獲取并綁定狀態(tài)屬性的值,如:if、:for等指令;而靜態(tài)屬性的值只會被當(dāng)做普通的字符串處理,無法綁定狀態(tài)屬性,如:module:ref指令。

使用插值表達(dá)式輸出文本

我們直接先看看在index.html模板中使用插值表達(dá)式輸出文本和屬性,你應(yīng)該會很快明白是怎么回事了:


    

    

    
【注意】①.