Vue 공식 사이트 Stlye Guides

참고 : vue.js 공식 사이트 style guide([https://vuejs.org/v2/style-guide/](https://vuejs.org/v2/style-guide/))

*Essential rulse(error prevention)

컴포넌트 이름은 무조건 multi-word(root의 App component, vue의 기본 component 제외)

→ HTML elements와 충돌 방지

컴포넌트 data 속성은 항상 함수로 작성

prop을 정의할 때는 최대한 상세히 정의(최소한 타입은 적기)

v-for 디렉티브 사용시 key를 바인드 해주기(unique한 key 권장)

v-for 디렉티브와 v-if 디렉티브를 같은 element에서 사용 금지

→v-for가 v-if보다 더 상위

component의 css은 scoped 사용

single-file component의 파일 이름은 kebab-case를 권장(PascalCase도 가능)

다른 component의 기본이 되는 component들은 Base, APP, V와 같이 prefix를 붙여준다

페이지 별로 한번만 쓰이는 component는 앞에 'The' prefix를 붙여준다.

parent component와 밀착하게 연결된 component는 parent component의 이름을 prefix로 가진다.

component의 이름은 포괄적인 단어로 시작해 세부적인 단어로 끝난다.