Vue - props vs $parent

Question

Zastanawiam się, która praktyka jest lepsza: przekazywanie dzieciom danych jako props, czy używanie danych rodzica przez dzieci za pomocą $parent. Przekazywanie props:

• Może wpływać negatywnie na czytelność template rodzica 
• Pozwala tworzyć "spis treści" zewnętrznych danych jakie komponent-dziecko potrzebuje do funkcjonowania

W przypadku korzystania z $parent

• Czytelniejsza template rodzica 
• Brak "spisu treści" u dzieci

Co więc używać? 

Answer 1

propsy, nawet nie pomyśl o $parent :P "rozmowa" rodzica z dzieckiem ma się odbywać za pomocą eventów i propsów, można też użyć managera stanu (state management) (vuex, redux etc) lub magistralę zdarzeń (event bus) do przekazywania danych pomiędzy komponentami.

używanie $parent jest złe jeśli myślisz komponentami :) każdy komponent powinien być wielokrotnego uzytku w różnych miejscach i/lub w innych komponentach (czyli podajesz dziecku te dane które są mu potrzebne i on sb już zrobić z nimi co ma zrobić), a używanie $parent od razu mówi, że taki nie jest (że musi należeć do "konkretnego" rodzica i to rodzic powinien dostosować się do dziecka).

https://www.youtube.com/watch?v=B7g7MOrDtMY