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

Admin 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>

На сайте отсутствует реклама! Значете почему?

Помогать людям - моё хобби. А навыки разработчика позволяют не парится нулевой монетизизацией этого сайта. Хотя...

Если вам помогла информация, то даже от доната в 40 рублей мне будет приятно. Докину немного, куплю латте в макдаке, вспомню за чей счет банкет и карма вам зачтется!

Но и просто оставленный комментарий благодарности ниже принесет мне улыбку радости :)

А если захочется написать всякие гадости с переходом на личности, да тоже не стесняйтесь, но обычно я отправляю такое в спам. Люблю, когда дома чисто.

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

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