Svelte — два варианта разбора массивов

Массивы в Svelte можно разобрать минимум двумя способами.

Способ 1

<div class="table" items={items}>
    <div class="title">
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <div class="main" let:item={item}>
        <div class="item date">{item.date}</div>
        <div class="item name">{item.name}</div>
    </div>
</div>

Способ 2

<div class="table">
    <div class="title">
        <div class="item"></div>
        <div class="item"></div>
    </div>

    <div class="main">
        {#each items as { id, date, name }, i}
           <div class="item" let:item={item}>

                <slot>
                    <div class="cell id">{i + 1}</div>
                </slot>

                <slot>
                    <div class="cell date">{date}</div>
                </slot>

                <slot>
                    <div class="cell name">{name}</div>
                </slot>
            </div>
        {/each}
    </div>
</div>
Метки:

Привет! Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. ( Дисклеймер ) Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Svelte — два варианта разбора массивов"
Если вам нужно добавить участок кода ставьте его между тегами <code></code>