svelte - 组件的对象解构

Question

当我将对象传递给 Svelte 组件时，我希望能够解构它。像这样的东西？

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

在组件内

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

目前看来我必须像这样手动完成

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

Answer 1

前段时间对此进行了讨论，我们当时决定暂缓实施传播属性，因为担心它会如何影响 Svelte 所做的静态分析。不过，它当然仍然有待商榷。

如果我们在each块中添加破坏，可能会有所帮助，因为这意味着我们可以像这样使用紧凑型:foo（等效于foo='{{foo}}'）：

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

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