Фото: Paul Hanaoka на Unsplash
Потрібні умови
- Переконайтеся, що у вас встановлено Node.js версії 18.3 або новішої.
- Вам потрібно створити додаток Vue, слідуючи цьому посібнику.
Вступ
Щоб передавати дані від дочірнього компонента до батьківського, ми можемо використовувати emits.
У компоненті ChildComponent
Створіть компонент ChildComponent і напишіть наступний код.
На рядку 6 ми оголосили стан emit за допомогою defineEmits. У defineEmits ви можете додавати будь-які події, які хочете передати, як масив.
Щоб використати це, на рядку 9 ми емінтуємо подію greet з деяким текстом.
У компоненті AppComponent
У компоненті App ви можете побачити @greet, який ловить подію greet з дочірнього компонента.
Приклад 1
На рядку 2 $event містить дані з корисного навантаження події дочірнього компонента. Якщо ви хочете викликати функцію, ви можете написати це так.
Приклад 2
Те ж саме, що й у Прикладі 1, але з функцією, і вам не потрібно розбирати $event. Ви можете написати це будь-яким зручним способом.
Запустіть проект
Коли ви натискаєте кнопку Hello, ви побачите текст із дочірнього компонента.
Готово
Використовуйте defineEmits, щоб передавати дані від дочірнього компонента до батьківського.
Попереднє: Пропси компонентів
Наступне: Слоти
Перекладено з: Emits