싱글파일 컴포넌트

• .vue 로 파일 생성
• vue + tab 키로 기본 화면 구성
• <template> : HTML
• <script> :  Javascript - 인스턴스옵션
• </style> : CSS

 

<template>
  
</template>

<script>
export default {

}
</script>

<style>

</style>

 

 <컴포넌트 태그>

 

컴포넌트 명명법

• <hello-world>케밥케이스
• <HelloWorld>파스칼 케이스
• <HelloWorld/>

 

• 컴포넌트 파일 생성시 파스칼케이스 명명법을 사용하고 최소 두 단어 이상으로 작성.