<script>
let todos = [
{
id:0,
content: '첫 번째 할일',
done: false
},
{
id:1,
content: '두 번째 할일',
done: false
},
{
id:2,
content: '세 번째 할일',
done: true
},
{
id:3,
content: '네 번째 할일',
done: false
}
]
<script>
// 기본
<ul>
{#each todos as todo}
<li>
<span>{todo.id}</span>
<span>{todo.content}</span>
</li>
{/each}
</ul>
다음과 같이 사용할 수 도 있고, index를 넣을 수 도 있습니다.
{#each todos as {id, content, done}, i} } // 여기서 i는 0부터 시작하는 index 입니다.
// 응용
<ul>
{#each todos as {id, content, done}, index }
<li>
<span>{index + 1}</span>
<span>{content}</span>
<span>{done}</span>
</li>
{/each}
</ul>
