W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
Svelte 的核心是一個(gè)強(qiáng)大的 reactivity 系統(tǒng),用于使 DOM 與您的應(yīng)用程序狀態(tài)保持同步——例如,響應(yīng)事件。
為了演示它,我們首先需要添加一個(gè)事件處理程序。
<script>
let count = 0;
function handleClick() {
// event handler code goes here
}
</script>
<button>
Clicked {count} {count === 1 ? 'time' : 'times'}
</button>
將第9行的 ?<button>
? 改為這樣。
<button on:click={incrementCount}>
在 ?incrementCount
? 函數(shù)中,我們需要做的就是改變 ?count
? 的值:
function incrementCount() {
count += 1;
}
Svelte 其實(shí)是將此賦值語句替換為一些代碼,這些代碼將通知 Svelte 更新 DOM。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: