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

후루루룹님의 프로필 이미지
후루루룹

작성한 질문수

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

props 속성의 특징

다시 복습중인데요 코드는 똑같이 적었는데 왜 이런지 알수있나요?

작성

·

193

1

똑같이 따라한 코드이구여. 밑의 사진 2개는 결과입니다.

제가 이상하다 싶어서 문자열 말고 숫자로 주고 똑같이 해봤거든요.

숫자타입은 props-pass라는 이름으로 받아요.

근데 문자열 타입의 경우 다릅니다.

제가 설정한 passStr은 props-passStr 에서정의할수없고

밑에 새로 생긴 $attrs-propstr 이라는 소문자로 된 처음보는곳에서 받아요.

뭐가 잘못된건가요..??

답변 2

1

안녕하세요 후루루룹님, props 속성의 경우 자바스크립트 변수 명을 카멜 케이스로 작성하셨으면 HTML 태그에 표시하실 때에는 케밥으로 변경해주셔야 합니다 :) 아래 문서 한번 참고해보세요! :)

https://vuejs.org/v2/guide/components-props.html#Prop-Casing-camelCase-vs-kebab-case

0

후루루룹님의 프로필 이미지
후루루룹
질문자

아! 감사합니다. 고쳤더니 실행되네요!

후루루룹님의 프로필 이미지
후루루룹

작성한 질문수

질문하기