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

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

이은혜님의 프로필 이미지
이은혜

작성한 질문수

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

싱글 파일 컴포넌트 체계에서 컴포넌트 등록하기

질문이 있습니다.

해결된 질문

작성

·

162

1

이전 강의에서 컴포넌트 태그 명명법에 따라서 app-header 를 AppHeader 로 바꿔서 적용할 수 있다고 하셨었는데요..

<template>
        <div>
            <AppHeader />
        </div>
    </template>

    <script>
        import AppHeader from './components/AppHeader.vue'
        export default {
            data: function() {
                return {
                    str: 'hi'
                }
            },
            components: {
                AppHeader
            }
        }
    </script>

app-header 컴포넌트 태그르 AppHeader 로

components 에선 AppHeader 선언만 해주었는데

실무에선 주로 어떤 컴포넌트 명명법을 주로 사용하나요?

답변 1

1

안녕하세요 은혜님, 좋은 질문이네요 :) 전 보통 아래와 같이 사용합니다 :)

<AppHeader></AppHeader>

components: { AppHeader }

코딩 컨벤션은 뷰 공식 스타일 가이드를 참고하시는게 좋아요 :)

https://vuejs.org/v2/style-guide/

이은혜님의 프로필 이미지
이은혜

작성한 질문수

질문하기