• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

'props 속성' 파트 질문드립니다.

21.05.27 20:16 작성 조회수 154

1

안녕하세요.

'props 속성' 파트 실습 중 아래와 같이 문의드립니다. 

v-bind:propsData 와 같이 camelCase로 속성 이름을 작성했을 때와

v-bind:propsdata 와 같이 소문자로만 속성 이름을 작성했을 때

실행 결과에서 아래와 같이 약간의 차이점이 보여서 문의드립니다.

* propsdata 실행 결과 : 개발자 도구에서 props 탭만 보임.

* propsData 실행 결과
 - 우측 개발자 도구에서 props와 $attrs 탭으로 나뉘어 보입니다.

어떠한 차이점으로 결과가 달라지게 되는 것인지 궁금합니다.

답변 1

답변을 작성해보세요.

0

안녕하세요 옴니버스님, 답변이 늦어져서 죄송합니다 ㅜㅜ props 속성은 자바스크립트에서 카멜 케이스로 작명했을 때 HTML 태그 상에서는 케밥 케이스로 변환해 주셔야 합니다. html 태그가 대소문자를 구분하지 않아서 생기는 Vue.js 규칙이라고 보시면 됩니다 :)