인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요 대장님 질문이있어용
작성
·
276
1
<div id="app">
<!-- <app-header v-bind:프롭스 속성 이름="상위 컴포넌트의 데이터 이름"></app-header> -->
<app-header v-bind:propsdata="message"></app-header>
</div>
여기서 v-bind:propsdata="message"부분이 궁금한데요
let appHeader = {
template: '<h1>{{propsdata}}</h1>',
props : ['propsdata'],
}
appHeader객체에 props프로퍼티를 생성하고 값으로
propsdata라는 스티링값을 배열에 담아 보내면 props의 하위객체로 propsdata가 생성되더라구요
그러면 저는 여기서 궁금한게 v-bind:propsdata="message" 여기서 message값이 propsdata에 저장되는건가요?? propsdata 까봐도 안나오길래 어떻게 되는건지 궁금해서요..
퀴즈
컴포넌트 간에 명확한 통신 규칙이 필요한 주된 이유는 무엇일까요?
코드의 양을 늘리기 위해
복잡한 데이터 관계와 버그 추적의 어려움을 피하기 위해
특정 개발 패턴을 강제하기 위해
컴포넌트의 스타일을 개선하기 위해
답변 1
0
캡틴판교
지식공유자
안녕하세요 10시간님, 프롭스 속성은 상위 컴포넌트의 데이터를 하위 컴포넌트에서 접근하기 위한 채널 정도로 보시면 됩니다 :) 객체, 배열이면 참조 값이 전달되고 문자열, 넘버와 같은 원시 타입이면 값이 전달됩니다 :)