Svelte parent -> child, child -> parent

parent -> child

parent.svelte

import Child from './child.svelte'

let 변수명;

<Child
	변수명={변수명}
>

child.svelte

export let 변수명

child -> parent

parent.svelte

import Child from './child.svelte'

const callback = (event) => {
  //event.detail 로 값을 받아와서 사용
}

<Child
        on:callbackChild={callback}
/>

child.svelte

dispatcher('callbackChild', item);
callbackChild 라는 이름으로 parent on:callbackChild 에 바인딩

import { createEventDispatcher } from 'svelte';

const dispatcher = createEventDispatcher();

function callbackChild(item){
  dispatcher('callbackChild', item);
}