728x90 vue5 [Vue.js] 컴포넌트 통신 (Props, Event emit) 1. 컴포넌트 통신이란? 컴포넌트 간의 통신에는 규칙이 있습니다. 부모에서 자식으로 데이터를 전달하기 위해서는 props를 사용한다. 자식이 부모에게 데이터를 전달하기 위해서는 event를 발생시킨다. 이와 같은 규칙은 컴포넌트가 독립적으로 작동할 수 있도록 하기 위함이며, 데이터의 flow를 좀 더 규칙적으로 바라보기 위함입니다. 1-1. 컴포넌트 통신 규칙이 필요한 이유 Vue의 경우 컴포넌트로 화면을 구성하기 때문에 같은 웹 페이지라고 하더라도 데이터를 공유할 수 없습니다. 그 이유는 컴포넌트마다 자체적으로 고유한 유효 범위(Scope)를 가지기 때문입니다. 따라서, 직접적으로는 다른 컴포넌트의 값을 참조할 수 없기 때문에 뷰 프레임워크 자체에서 정의한 컴포넌트 데이터 전달 규칙을 따라야 합니다. .. 2021. 8. 9. 이전 1 2 다음 728x90
