Sobes.tech
Middle

Quais formas de transmitir dados de um pai para um filho você conhece no Vue?

sobes.tech IA

Resposta da IA

Во Vue.js данные от родительского компонента к дочернему обычно передаются через props — это самый распространённый и рекомендуемый способ. Родитель передаёт данные через атрибуты компонента, а потомок принимает их как свойства.

Пример:

<ChildComponent :message="parentMessage" />

// В ChildComponent
props: ['message']

Также можно использовать:

  • Provide/Inject — позволяет передавать данные глубоко вниз по дереву компонентов без необходимости пробрасывать через каждый уровень.
  • Vuex (или Pinia) — глобальное хранилище состояния, если данные нужны во многих компонентах.
  • Event Bus — не рекомендуется в новых версиях, но иногда используется для передачи данных между компонентами.

Основные способы — props и provide/inject, остальные применяются в специфичных случаях.