组件的对象解构

Question

我希望能够在将对象传递给Svelte组件时对其进行解构。像这样的东西？

var o = { item: "bread", count: 12 } 
<Component ...object>

在组件

中

<b>{{item}}:</b> {{count}}

目前我似乎必须像这样手动执行此操作

<Thing item={{thing.item}} count={{thing.count}} />

Answer 1

有一段时间discussion about this，我们决定暂时不实施传播属性，因为担心它会如何影响Svelte的静态分析。尽管如此，它仍然可以进行辩论。

如果我们在each块中添加了destruct，那么可能会有所帮助，因为这意味着我们可以使用压缩:foo（相当于foo='{{foo}}'），如下所示：

{{#each things as {item, count} }}
  <Thing :item :count/>
{{/each}}

目前还没有一个公开的问题，但你绝对应该感到受欢迎！我可以看到我们在某些时候这样做。