인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

wooseok_5님의 프로필 이미지
wooseok_5

작성한 질문수

Vue.js 시작하기 - Age of Vue.js

[실습 안내] 컴포넌트 등록 및 실습

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

작성

·

224

3

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

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

답변 1

1

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

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

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

wooseok_5님의 프로필 이미지
wooseok_5

작성한 질문수

질문하기