Svelte 子→親 ボタンで値渡し

親

1. 子コンポーネントに on:xxxx でイベント定義

oya

<script>
	import NumberButton from './NumberButton.svelte'

    function show(e) {
		alert(e.detail.num)
    }

</script>
<main>
	<NumberButton number="1" on:show={ show }></NumberButton>
</main>

子

1. createEventDispatcher をインポートする
2. _dispatch()で親側で定義したon:xxxのイベント名とオブジェクトを渡す

ko

<script>
	import { createEventDispatcher } from 'svelte'

	const _dispatch = createEventDispatcher()
    function click() {
        _dispatch('show',{num:number})
    }

	export let number;
</script>

<button on:click={ click }>{number}</button>