인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요 대장님 질문이있어용
작성
·
256
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시간님, 프롭스 속성은 상위 컴포넌트의 데이터를 하위 컴포넌트에서 접근하기 위한 채널 정도로 보시면 됩니다 :) 객체, 배열이면 참조 값이 전달되고 문자열, 넘버와 같은 원시 타입이면 값이 전달됩니다 :)