{#each category as item (item.id)}
  
{item.name}
{/each}

其次，将 Sortable 初始化逻辑封装为 action，接收列表索引并直接操作顶层 items 数组：

{#each items as category, i}
  
Category {i}
  

    {#each category as item (item.id)}
      
{item.name}
    {/each}
  
{/each}

{JSON.stringify(items, null, 2)}
? 为什么这样更可靠？


Key 保障 DOM 稳定性：(item.id) 让 Svelte 始终按 ID 匹配元素，即使数组顺序变化，也不会错误复用 
 节点。

Action 避免组件边界干扰：无需 bind: 或 props 透传，直接操作 items 并通过 items = [...items] 触发更新，语义清晰、副作用可控。

onEnd 替代 onSort：onSort 在排序过程中高频触发，易引发竞态；onEnd 仅在拖拽结束时执行一次，逻辑更确定，且 event.from/event.to 可准确识别跨列表行为。

显式响应式赋值：items = [...items] 是必需的——Svelte 不监听数组内部 mutation（如 splice），必须通过重新赋值通知更新。

? 进阶提示

若需支持嵌套层级或更复杂数据结构，可将 items 改为 store（writable），并在 onEnd 中调用 update()。
为提升体验，建议添加 animation: 150 和 ghostClass: "sortable-ghost" 等 Sortable 配置。
生产环境务必在 destroy() 中清理 Sortable 实例，防止内存泄漏。

遵循以上模式，即可构建出响应迅速、行为可预测的多列表拖拽系统，彻底告别“抖动”与“回滚”等典型陷阱。