지금 코드로는 동작을 확인할 수가 없네요. 코드를 조금 변경해서 확인해보겠습니다.
REPL의 App.svelte
<script>
let name = 'world';
</script>
<input type=text bind:value={name}> <!-- 1. name을 변경하기 위한 코드 -->
<p>{Date()}</p> <!-- 2. 비교용 시각 -->
{#key name}
<p>{Date()}</p> <!-- 3. 렌더링될 때 시각을 확인하기 위한 코드 -->
<h1>Hello {name}!</h1>
{/key}
input의 값(value)이 변경되면 스크립트 블록의 name 값을 변경하기 위해 bind:value={name} 코드를 사용했습니다.
<p>{Date()}</p> 코드를 #key 블록 밖에서 사용했습니다. 비교하기 위해 고정된 시간을 출력했습니다.