부모 자식 간 데이터 전달에 대한 질문

Question

안녕하세요. 부모 자식 간 데이터 전달과 관련하여 질문드리고 싶은 점이 있어서 글 남깁니다.

부모가 자식에게 특정 데이터를 전달해주고 싶은 상황인데요,
이를 현재 props로 구현한 상태입니다.

그런데 "props는 call by value이므로 매번 값 복사를 하는 것보다
부모에서 자식의 데이터를 접근하고 싶을 때는 this.$refs.(자식 컴포넌트 ref 이름).(데이터 이름) 이런 식으로 접근하고,
자식에서 부모의 데이터를 접근하고 싶을 때는 emit으로 이벤트를 전달한 뒤 부모 쪽에서 자식의 데이터를 컨트롤 하는 방식"을 제안 받아서
어떤 방법이 더 좋은지 궁금해졌습니다.
(+ 후자의 방법은 call by reference 인가요? 값을 복사하는 것이 아니라 참조하는 것 맞나요?)

혹시 캡틴 판교님은 해답을 알고 계실지 궁금하여 질문글 드립니다!!
감사합니다.

캡틴판교 · Answer

안녕하세요 예림님, 부모에서 $refs를 통해 자식의 데이터를 접근하는 것은 권장되는 방식이 아닙니다. 컴포넌트 통신 방법인 props, event emit을 통해서만 데이터를 주고 받으시는게 좋을 것 같아요 :)