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

김동혁님의 프로필 이미지
김동혁

작성한 질문수

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

Tab Component 2

tabs에서 v-bind 질문

작성

·

188

1

<tabs v-bind:tabs="tabs" v-bind:selected-tab="selectedTab" v-on:@change="onClickTab"></tabs>

위와 같이 코드 작성했는데

그러면 TabComponent.js에서

props을 selected-Tab으로 해야되는 것 아닌가요??

 

답변 1

1

반대로 생각하시면 될거같아요 
props에서 속성을 selectedTab 으로 지정 할 경우 v-bind 할 시, selected-tab(소문자사용, 대문자사용 불가능하므로 하이픈사용)으로 변경 해야되는거 같아요.

그이유는 kebab-case(하이픈 구분) 규칙때문 인걸로 알고 있습니다.

자세한 내용이나 예제를 보시리면 인터넷에 vue 관련해서 kebab-case 규칙을 찾아보시면 될거같네요

김동혁님의 프로필 이미지
김동혁

작성한 질문수

질문하기