Урок 04 · 10 хв

Події й модифікатори

@click викликає функцію. .prevent на формі, інакше перезавантаження.

@click="save" передає подію першим аргументом, якщо функція її чекає. @click="save(id)" — теж ок: Vue викличе з цим id. Модифікатори: @submit.prevent = preventDefault. @click.stop ріже спливання. Не вішай важку логіку просто в шаблон довгим рядком.

Форма

Можна спитати про це правило«Метод у шаблоні без дужок»

@keyup.enter — Enter у полі.
Нативні слухачі на компоненті: .native у Vue 3 майже не потрібен, слухай emit.
Один клік — одна функція в script. Шаблон лишається коротким.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. @submit.prevent робить
2. Як передати id в обробник зі списку?
3. .stop на кліку