W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
當(dāng)組件的狀態(tài)改變時(shí),Svelte 會(huì)自動(dòng)更新 DOM。通常,組件狀態(tài)的某些部分需要通過(guò) 其它 部分的計(jì)算而得出(例如 fullname
就是 firstname
和 lastname
的合體),并在 其它 部分更改時(shí)重新計(jì)算。
對(duì)于這些,我們提供了 反應(yīng)式聲明(reactive declarations)。它們看起來(lái)像這樣:
let count = 0;
$: doubled = count * 2;
看來(lái)其有點(diǎn)陌生,不過(guò)別擔(dān)心。上述是有效(非常規(guī))的 JavaScript 語(yǔ)句,Svelte 會(huì)將其解釋為 “只要參考值變化了就重新運(yùn)行此代碼”。一旦看習(xí)慣了,你就再也戒不掉了。
我們?cè)?HTML 標(biāo)簽內(nèi)來(lái)使用 doubled
:
<p>{count} doubled is {doubled}</p>
當(dāng)然,你可以在 HTML 標(biāo)簽內(nèi)書(shū)寫(xiě) {count * 2}
,而不必非得使用反應(yīng)式聲明的語(yǔ)法。但是,當(dāng)你需要多次引用它們時(shí),或者你需要的值依賴(lài)于 其它 響應(yīng)式聲明所計(jì)算的來(lái)的值時(shí),響應(yīng)式聲明就變得特別有用。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話(huà):173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: