Skip to content

[Convention] Coding Rule

kdeun1 edited this page Sep 24, 2020 · 3 revisions

1. 표기법

  • kebab-case : tag, $on, $emit

  • camelCase : 변수명, 함수명

  • PascalCase : vue파일명, components: {} 내부 객체의 키

ex 1)

<window @before-close="beforeClose"/>
ex 2)

this.$emit('before-close', e)
ex 3)

<ev-select> ... </ev-select>
ex 4)

import MarkdownView from '../../MarkdownView';

export default {
  components: {
    MarkdownView,
  }
}

2. 이벤트함수 앞에 on 을 붙이지 않는다.



REF.

  1. 파일명 규칙 : https://vuejs.org/v2/style-guide/#Single-file-component-filename-casing-strongly-recommended
  • PascalCase or kebab-case
  1. custom tag 규칙 : https://html.spec.whatwg.org/multipage/custom-elements.html
  • kebab-case