Size: a a a
AP
on:* — это же не только форвардинг, но и обработка событий. Вот будет on:*={callback} — что делать?ON
on:* — это же не только форвардинг, но и обработка событий. Вот будет on:*={callback} — что делать?on:*={callback} такого нет, и не нужноAP
AP
DK
Child.svelte
<div on:click={() => dispatch('click')}>Hey</div>
<button on:*>click</button>
Parent.svelte
<Child on:click={() => console.log('что я такое?')} />
AP
Child.svelte
<div on:click={() => dispatch('click')}>Hey</div>
<button on:*>click</button>
Parent.svelte
<Child on:click={() => console.log('что я такое?')} />
AP
DK
ON
Child.svelte
<div on:click={() => dispatch('click')}>Hey</div>
<button on:*>click</button>
Parent.svelte
<Child on:click={() => console.log('что я такое?')} />
AP
AP
DK
click у ребёнка может быть не только клик от дома, но и клик от дива? Разве это не нарушение инкапсуляции компонентов?AP
AS
Child.svelte
<div on:click={() => dispatch('click')}>Hey</div>
<button on:*>click</button>
Parent.svelte
<Child on:click={() => console.log('что я такое?')} />
ON
click у ребёнка может быть не только клик от дома, но и клик от дива? Разве это не нарушение инкапсуляции компонентов?AP
DK
AP
AP
DK
on:* в том, что ты не знаешь, к чему родитель подсоединится. Одно дело, когда у тебя есть очевидный dispatch('click'), другое — когда у тебя на все on:* будет навешиваться листенер от родителя, ну и ты там уже в родителе проводи тысячу проверок, чтобы убедиться, что у тебя пришло нормальное событие, а не мусор какой-то.