面试题：Svelte中Derived Store的基础应用

Question

假设我们有两个Svelte store，一个存储用户的年龄`ageStore`，另一个存储用户的姓名`nameStore`。请编写代码创建一个派生存储`infoStore`，使其值为一个字符串，格式为`姓名, 年龄岁`，并展示如何在组件中使用这个`infoStore`。

Answer 1

<script>
    import { writable, derived } from'svelte/store';

    // 创建存储
    const ageStore = writable(25);
    const nameStore = writable('John');

    // 创建派生存储
    const infoStore = derived([nameStore, ageStore], ([$name, $age]) => {
        return `${$name}, ${$age}岁`;
    });
</script>

{#if $infoStore}
    <p>用户信息: {$infoStore}</p>
{/if}