[Svelte] 스벨트 4장 Logic


[Svelte] 스벨트 4장 Logic

조건문 # HTML에는 조건문 및 루프와 같은 논리를 표현하는 방법이 없습니다. Svelte는 합니다. 일부 마크업을 조건부로 렌더링하기 위해 if 블록으로 래핑합니다. {#if user.loggedIn} <button on:click={toggle}> Log out </button> {/if} {#if !user.loggedIn} <button on:click={toggle}> Log in </button> {/if} <script> let user = { loggedIn: false }; function toggle() { user.loggedIn = !user.loggedIn; } </script> {#if user.loggedIn} <button on:click={toggle}> Log out </button> {/if} {#if !user.loggedIn} <button on:click={toggle}> Log in </button> {/if} 조건문 ELSE # if us...


#svelte #스벨트

원문링크 : [Svelte] 스벨트 4장 Logic