1
resposta

[Sugestão] Dica: Como passar dados entre componentes - Do Svelte antigo para o Svelte 5 (Runes)

No App.svelte, o componente filho é utilizado assim:

<div class="busca-usuario">
  <Form bind:usuario />
</div>

No Formulario.svelte, antes (na sintaxe antiga), era comum declarar a prop assim:

export let usuario: IUsuario | null;

Na nova sintaxe do Svelte 5, isso muda para:

let { usuario = $bindable() } = $props();

Essa nova forma usa $props() para declarar as propriedades do componente e o $bindable() para permitir o binding (ligação) com o componente pai.

Essa mudança faz parte da nova sintaxe reativa e simplificada do Svelte 5. O $bindable() substitui o antigo export let quando a prop precisa ser usada com bind:.

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Olá Ruben.
Obrigado por compartilhar.
Bons estudos.