Svelte学习笔记四——组件传参+条件渲染

9. 定义组件参数

之前定义了无props的组件，如果想定义一个有props的组件，需要怎么操作呢？

接受props的定义：我们需要在组件内部通过export let 的方式来定义组件从外部接受的props

默认值的设置：直接对定义的props赋值，就会作为组件的默认值

使用扩展运算符：如果有多个props，可以通过声明一个props对象然后利用扩展运算符…来简写

• 来看例子

<!-- Input.svelte -->
<script>
    export let value;
    // 默认值
    export let label = "Label";
</script>

<style>
</style>


<div>
    <span>{label}</span>
    <input type="text" value={value} />
</div>

• 引用方法

<!-- Input Component -->
<Input label={'姓名'} value={name} />

• 扩展运算符的例子

<!---Card.svelte---&