컴포넌트2

강샛별·2021년 6월 25일

vue

목록 보기
6/12

뷰 컴포넌트는 각각 고유한 데이터 유효 범위를 갖습니다.


(컴포넌트 간에 데이터를 주고 받는 규칙)

  • 위-> 아래 : 데이터를 내림 (프롭스 속성)
  • 아래-> 위 : 이벤트를 올림 (이벤트 발생)

p.s 변수이름 정하기
camel Case: 단어가 연결됐을 때 2번째 단어에 앞글자만 대문자로 쓰기
ex) highSchool, totalPrice...

왜 그런가?

  • 기본

  • 데이터가 중구난방으로 향하는 게 아닌, 한 방향으로만 전송하는 모습

PROPS

<Root>에 적혀있는 data> message: "hi"를

<AppHeader>로 내려줄거임 (위→아래)



-> 프롭스 속성 이름을 위해 프롭스
-> 상위 컴포넌트 <Root> 의 데이터 이름 message를 적어줌.

...이어서

0개의 댓글