[Svelte] 스벨트 2장 Reactivity

카운트 처리 및 동기화 # 이렇게 처리하면 버튼이 생성되면 누르면 카운트가 상승한다. <script> let count = 0; function incrementCount() { count += 1; } </script> <button on:click={incrementCount}> Clicked {count} {count === 1 ? 'time' : 'times'} </button> 카운트 처리 응용 반응형 선언 # Svelte는 구성 요소의 상태가 변경되면 DOM을 자동으로 업데이트합니다. 종종 구성 요소 상태의 일부 부분은 다른 부분(예: 성과 이름에서 파생된 전체 이름)에서 계산되고 변경될 때마다 다시 계산되어야 합니다. 이를 위해 $: 반응형 선언이 있습니다. <script> let count = 0; $: doubled = count * 2; function handleClick() { count += 1; } </script> <button on:click={handl...

원문링크 : [Svelte] 스벨트 2장 Reactivity