• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

f12 를 눌러 나오는 Vue 의 루트의 하위 컴포넌트이름과 코드에작성한 컴포넌트 이름이 다릅니다..ㅠ

21.03.23 21:40 작성 조회수 155

3

1. 선생님 안녕하세요! 뭐좀 여쭤보고싶은데 제가 컴포넌트 이름을 app-header 라고쓰면 AppHeader, app-content 라고쓰면 AppContent 라고 브라우저에서 자동으로 바뀌어서 Vue 의 Root 아래 나오게 되는데 그 이유가 뭔가요?

2. 인스턴스 생성을 가장 하단 부분에 해주셨는데 변수에 담지 않았기 때문에 전역이 되어서 인스턴스가 생성되기전에 Vue.component 를 이용할 수있는건가요?

답변 1

답변을 작성해보세요.

1

안녕하세요 wooseok님, 질문 답변 드릴게요 :)

1. 컴포넌트 태그는 케밥 기법 또는 파스칼 기법으로 모두 작성할 수 있습니다. 뷰 개발자 도구에 나오는 부분이 신경 쓰이시면 뷰 개발자 도구의 설정 가보시면 이름 표시 방법을 바꾸실 수 있어요 :)

2. 네 Vue.component()로 등록하려면 인스턴스 생성 코드 전에 컴포넌트를 등록해 주셔야 합니다 :)