[ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
[개발자의품격][부트캠프][1기][21차시] Vue.js #9 | 재사용 컴포넌트
2022-03-14 20:19:59
부모 컴포넌트에서 자식 컴포넌트로 데이터 전달 자식 컴포넌트 부모 컴포넌트로부터 데이터를 받기 위해 태그 내에 import한 자식 컴포넌트의 키인 태그와 속성을 작성한다. 속성은 data와 바인딩한다. // src/views/4_reuse/ParentView.vue 부모 컴포넌트에서 부모 컴포넌트의 데이터 값 변경 부모 컴포넌트 자식 컴포넌트에서는 props 받는 값을 직접 수정할 수 없다. 부모 컴포넌트에서만 변경할 수 있다. 버튼 "변경"을 추가한다. // src/views/4_reuse/ParentView.vue 변경 ... 변경 버튼을 클릭했을 때 태그의 속성 값 num1을 변경하고자 한다. // src/views/4_reuse/ParentView.vue ...