svelte教程(2)反应性
Svelte的核心是功能强大的反应系统,用于使DOM与您的应用程序状态保持同步-例如,响应事件。 <script> let count = 0; function handleClick() { count += 1; } </script> <button on:click={handleClick}> Clicked {count} {count === 1 ? 'time' : 'times'} </button> 声明 当组件的状态更改时,Svelte会自动更新DOM。通常,组件状态的某些部分需要从其他部分计算并在它们发生任何变化时重新计算。使用$:声明后只要任何引用的值发生更改,都要重新运行此代码。我们可以将他用作计算属性。 <script> let count = 0; $: doubled = count * 2; function handleClick() { count+=1; } </script> <button on:click={handleClick}> Clicked {...