• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

props 내 카멜 케이스

21.12.20 10:22 작성 조회수 344

2

안녕하세요. Vue를 처음 다루는데 캡틴판교님의 강의 덕분에 쉽게 접근할 수 있습니다. 감사합니다 ㅎㅎ
 
이전에 같은 질문은 있지만 이해를 하지 못해 다시 질문드립니다.
props내에서는 카멜 케이스로 동작하지 않고 있습니다.
propsdata 는 되지만 propsData로 하게 되면 vue 개발자 도구에서 $attrs로 소문자로만 구성되어 있는 propsdata가 뜨게 되고, data에는 propsData: undefined라고 뜨게 되어 데이터가 넘어가지 않습니다.
 
props 내에서는 소문자만 써야하나요?

답변 1

답변을 작성해보세요.

1

안녕하세요 duswn님, 좋은 질문이네요. 프롭스 속성은 템플릿에서 카멜을 케밥으로 변환해 줘야 하는 특징이 있는데요. 싱글 파일 컴포넌트를 사용하시면 해당 규칙은 신경 안쓰셔도 됩니다. 자세한 내용은 아래 문서 참고하세요 :)

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