[SVELTE] #key

{#key}

{#key expression}…{/key}

key블럭은 특정 값이 변경 될때마다, 삭제와 생성을 반복합니다.

{#key value}
    <div transition:fade>{value}</div>
{/key}

key블럭은 값이 변경되었을 때 transition을 새롭게 시작하는데 유용합니다.

key값이 변경된다면, 새롭게 스벨트 컴포넌트를 인스턴스화하고 생성자함수를 실행합니다.

#svelte