面试题：Svelte中模块上下文与Slot数据共享的基础实现

Question

在Svelte中，简述如何通过模块上下文向Slot传递基本数据类型的数据，例如一个字符串。请给出关键代码示例。

Answer 1

在Svelte中，可以通过在包含<slot>的组件中定义变量，并将其作为属性传递给<slot>来向插槽传递基本数据类型的数据。

以下是关键代码示例：

1. 父组件（调用组件并传递数据到插槽）：

<script>
    let myString = 'Hello from parent';
</script>

<ChildComponent>
    <div let:stringValue={myString}>
        {stringValue}
    </div>
</ChildComponent>

2. 子组件（定义插槽）：

<script>
</script>

<slot></slot>

在上述代码中，父组件定义了一个字符串变量myString，并在使用ChildComponent时，将myString通过<slot>的let语法传递给插槽内部的<div>元素，插槽内就可以使用这个字符串数据。