[Vue.js][FrontEnd] Vue.js 필수 기술 - 컴포넌트 통신
·
Dev Framework/Vue.js
컴포넌트 간 통신과 유효 범위 Vue.js에서 컴포넌트 간 통신은 주로 부모-자식 관계의 컴포넌트 사이에서 일어납니다. Vue의 반응성 시스템과 함께 작동하며, 각 컴포넌트의 유효 범위 내에서 데이터를 주고받을 수 있는 메커니즘을 제공합니다. 컴포넌트 간 통신 방법 1. Props를 통한 부모에서 자식으로의 데이터 전달 - 부모 컴포넌트는 `props`를 사용하여 자식 컴포넌트에 데이터를 전달합니다. - 자식 컴포넌트는 `props` 옵션을 통해 받은 데이터를 사용할 수 있습니다. - `props`는 단방향 데이터 바인딩을 사용하여, 자식 컴포넌트에서 부모의 데이터를 직접 수정할 수 없습니다. 실습과 예시 Vue에서 `props`를 사용한 부모-자식 컴포넌트 간 데이터 전달의 예를 들어 설명해 보겠습니다..