• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

20.02.14 17:49 작성 조회수 142

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

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