Component1 004. 상 하위 컴포넌트 관계 상하위 컴포넌트 관계 하위 컴포넌트에서는 상위 컴포넌트로 이벤트만 전달합니다. 상위 컴포넌트에서 하위 컴포넌트로는 props만 전달합니다. ※ props속성 : 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성 props 속성 정의 하는 방법 Vue.component('child-component',{ props : ['props 속성 이름'] }); 상위 컴포넌트의 HTML 코드에 등록된 child-component 태그에 v-bind속성을 추가한다. 예제 코드 html을 확인하면 이런값이 나오는 것을 확인 할 수 있습니다. 하위 컴포넌트에서 상위 컴포넌트로 이벤트 전달하기 $emit( )을 이용하여 이벤트를 발생합니다. this.$emit('이벤트명'); v-on: 속성을 이용한 이.. 2019. 11. 21. 이전 1 다음