인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

하루 10시간 공부하기님의 프로필 이미지
하루 10시간 공부하기

작성한 질문수

Vue.js 시작하기 - Age of Vue.js

props 속성의 특징

안녕하세요 대장님 질문이있어용

작성

·

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시간님, 프롭스 속성은 상위 컴포넌트의 데이터를 하위 컴포넌트에서 접근하기 위한 채널 정도로 보시면 됩니다 :) 객체, 배열이면 참조 값이 전달되고 문자열, 넘버와 같은 원시 타입이면 값이 전달됩니다 :)

하루 10시간 공부하기님의 프로필 이미지
하루 10시간 공부하기

작성한 질문수

질문하기