Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- builder pattern
- v-show vs v-if
- zen of python
- MVVM
- camel case error
- v-model vs v-bind
- $event.target.value
- mount point
- Singleton pattern
- Python
- java
- prototype pattern
- Factory Method Pattern
- Spring Boot
- maven
- executable jar
- data
- design pattern
- vuejs
- Linux
- click.native
- kebab case
- ubuntu
- IPv6
Archives
- Today
- Total
Eddie's Blog
[vuejs] Kebab Case, Camel Case, Snake Case 본문
Vue.js 2.x의 공식 가이드를 살펴보면 Vue.component 의 이름을 케밥 케이스(kebab-case)를 사용하고 있는데, 가이드 문서 중에 아래와 안내 문구를 발견할 수 있다.
Vue는 W3C 규칙(모두 소문자와 하이픈만을 허용)을 강요하지 않습니다. 하지만 이런 규약이 좋은 습관이라고 생각합니다.
하지만, Vue.component의 이름을 카멜 케이스(camelCase: 원래 발음은 캐믈이라고 해야 한다.) 형태로 작성하면 다음과 같은 경고 문구를 만나게 된다.
[Vue warn]: Unknown custom element: <simpcomp> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
강요하지 않는다고 하지만 경고와 함께 실행조차 되지 않는다. 물론 스네이크 케이스(snake_case)도 허용하지만, W3C 규칙을 따라 작성하는 것이 좋은 습관(?)이 될 것 같다.
'programmings' 카테고리의 다른 글
[vuejs] data 바인딩시 v-model과 v-bind를 사용하는 방법 (1) | 2018.03.12 |
---|---|
[vuejs] v-on:click.native (0) | 2018.03.12 |
[vuejs] Vue.component와 Vue 인스턴스의 data 속성 (0) | 2018.03.11 |
[vuejs] v-show vs. v-if (0) | 2018.03.11 |
[vuejs] MVVM 구조 (0) | 2018.03.10 |
Comments