내 Vue 프로젝트에는 사이트 머리글 역할을하는 구성 요소와 사이트 바닥 글 역할을하는 구성 요소가 있습니다.HTML 요소의 이름을 공유 할 수있는 구성 요소의 명명 규칙?
이들은 이미 HTML 요소이므로 <header>과 <footer>으로 사용할 수 없습니다.
이 상황에 적합한 명명 규칙이 있습니까? 지금까지 나는 <site-header>과 같은 것을 사용했습니다. 단지 접두사를 추가하기위한 것입니다.
프리픽스가 추가 될 수 있습니다. 그러나 W3C 규칙에 따라 그 좋은 연습은 또한 뷰 docs에 명시된 :
뷰는 사용자 정의 태그 이름에 대한 W3C 규칙이 적용되지 않는주 (모두 소문자, 하이픈을 포함해야합니다)이 규칙을 다음과 같은 것은 있지만 좋은 연습으로 간주됩니다.
내가 선호하는 것 : 모든 구성 요소가 특정 응용 프로그램에만 해당되는 경우 응용 프로그램 특정 이름이 있어야합니다.
전체적으로 사용할 수있는 구성 요소 인 경우 이름은 해당 기능을 기반으로해야합니다. 예 : <credit-card></credit-card>
따라서이 명명 규칙을 따르는 것이 좋습니다. 또한 표준 구성 요소와 사용자 지정 요소를 구별하는데도 도움이됩니다.