• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

21.09.28 14:11 작성 조회수 176

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