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

資訊專欄INFORMATION COLUMN

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

eccozhou / 955人閱讀

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

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

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

指令類型

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

使用插值表達式輸出文本

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


    

    

    
【注意】①.