Svelte赋值

Svelte 赋值

Svelte 的核心是一个强大的 reactivity 系统,用于使 DOM 与您的应用程序状态保持同步——例如,响应事件。为了演示它,我们首先需要添加一个事件处理程序。App.svelte<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​ 函数中,我们需要做的就是改变 ​count​ 的值:function incrementCount() {

count += 1;

}Svelte 其实是将此赋值语句替换为一些代码,这些代码将通知 Svelte 更新 DOM。