使用`<svelte：component />`时，是否可以绑定到自定义道具？

Question

假设我有一个非常简单的组件，叫做Simple.svelte：

<script>
 let value;
</script>

Give me a value: <input type="text" bind:value={value} />

现在，在一个更复杂的组件中，我想使用一个<svelte:component />标签，以便在我的应用程序中概括一个模式（例如Complex.svelte）：

<script>
import Simple from './Simple.svelte';
...

let templateComponent = Simple;
</script>

<svelte:component this={Simple}>

在这种简单情况下，我想绑定到Simple的{​​{1}}道具，有什么办法可以做到？

Answer 1

...只是忘记导出item上的Simple.svelte道具：

<script>
 export let value;
</script>

Give me a value: <input type="text" bind:value={value} />

Answer 2

是的。

<script>
    import Simple from './Simple.svelte';
    let value;
</script>

<svelte:component this={Simple} bind:value/>

Svelte REPL