面试题：Svelte父子组件间如何通过props进行数据传递

Question

在Svelte中，阐述如何在父组件定义数据，并通过props传递给子组件，同时说明子组件接收和使用这些数据的具体方式。请给出相应的代码示例。

Answer 1

父组件定义数据并通过props传递给子组件

1. 在父组件中定义数据：在Svelte中，父组件可以在其脚本部分定义变量。
2. 通过props传递数据：在父组件使用子组件标签时，将定义的数据作为属性传递。

以下是父组件 Parent.svelte 的代码示例：

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

<Child {message}/>

子组件接收和使用这些数据

1. 接收数据：子组件在其脚本部分使用 export let 来声明接收的props。
2. 使用数据：在子组件的模板部分可以直接使用接收到的数据。

以下是子组件 Child.svelte 的代码示例：

<script>
    export let message;
</script>

<p>{message}</p>