azukiazusa

Svelte の Props 省略記法

2024.01.10

Svelte ではコンポーネントに Props を渡す際に省略記法が使えます。

azukiazusa

Props の名前と変数の名前が同じ場合には、次のように省略して記述できます。

<script>
  import Child from "./Child.svelte";
 
  let name = "svelte";
</script>
 
<Child {name} />
<!-- 以下と同じ -->
<Child name={name} />