컴포넌트 커뮤니케이션
컴포넌트 간 통신이 필요한 이유?
Vue 컴포넌트는 다른 컴포넌트에 중첩되어 컴포넌트 트리를 형성한다고 앞서 공부했습니다.
컴포넌트 스코프
컴포넌트는 독립적인 영역(scope) 안에 데이터를 보관하기에 일반적으로 다른 컴포넌트에서 해당 데이터에 접근할 수 없습니다.
컴포넌트 통신 패턴
하지만 애플리케이션을 구성하는 각 컴포넌트는 데이터를 공유하여 상호작용 해야할 필요가 있습니다. 이러한 필요에 따라 Vue.js는 컴포넌트 간에 통신하는 방법을 제공합니다. 이 방법을 사용하면 데이터를 공유할 수 있습니다. 데이터를 공유하는 방법은 부모 컴포넌트가 가진 데이터를 중첩된 자식 컴포넌트에 전달하거나, 자식 컴포넌트에서 부모 컴포넌트로 이벤트를 방출할 수 있습니다.