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。