질문이 있습니다.

이전 강의에서 컴포넌트 태그 명명법에 따라서 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 선언만 해주었는데

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