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

【问题标题】：When using `<svelte:component />`, is it possible to bind to custom props?使用 `<svelte:component />` 时，是否可以绑定到自定义道具？
【发布时间】：2020-01-17 19:39:12
【问题描述】：

假设我有一个非常简单的组件，叫做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 的value 道具，有什么办法可以做到吗？

【问题讨论】：

标签： svelte-3

【解决方案1】：

...只是忘记在Simple.svelte 上导出item 属性：

<script>
 export let value;
</script>

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

【讨论】：

【解决方案2】：

是的，你可以。

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

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

Svelte REPL

【讨论】：