Vue에서 컴포넌트들을 나눌 때 key, value 같이 지정하지 않고 적당히 형식을 맞춰 적는다면 알아서 네이밍을 하고 찾아서 쓴다는 것을 알 수 있었다.
예) 타 Component 에서 component 등록할때 이름 : OverallEvaluation.vue
타 Component 의 template에서 사용될 때 이름 : v-overall-evaluation
위에서 보듯이 Vue는 사용자가 직접 지정하지 않아도
파스칼케이스(첫 단어를 대문자로 쓰는 표기법) -> 케밥케이스(단어를 하이픈 문자로 구분하는 표기법) 으로 자동으로 네이밍 처리해주고 사용한다는 것을 알 수 있었다.
** 수정 : 하이픈으로 구분하는 표기법은 케밥 케이스(kebab case) 라고 부른다, 이 때까지 스네이크 케이스라고 잘못 부르고 있었음..
스네이크 케이스는 밑줄로 구분하는 표기법이다. 'snake_case' 와 같이
'FrontEnd > Vue 관련자료' 카테고리의 다른 글
canvas에 mouse drawing 작업을 완성하기 위해 걸린 삽질 정리 (0) | 2019.04.17 |
---|---|
vue-i18n pure js 에 적용하면서 생긴 문제 해결 (0) | 2019.03.13 |
댓글