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。