Фото Manja Vitolic на Unsplash
Необхідні умови
- Переконайтеся, що у вас встановлена версія Node.js 18.3+.
- Вам потрібно створити додаток на Vue, слідуючи цьому посібнику.
Вступ
Для того, щоб передавати дані від батьківського компонента до дочірнього, ми можемо використовувати props у Vue.
У компоненті ChildComponent
Створіть компонент під назвою ChildComponent та напишіть наступний код:
На рядку 6 ми використали defineProps, що є макросом, який визначає props, які потрібно отримати від батька. У цьому прикладі ми запитали пропс name від батьківського компонента.
У компоненті AppComponent
На рядку 2 ми передаємо стан username в атрибут name, який є пропсом, що запитується дочірнім компонентом. Таким чином, ми можемо передавати дані від батьківського компонента до дочірнього.
Використання пропсів компонентів у скрипті
Щоб отримати доступ до пропсів компонента у `...
Перекладено з: Component Props