[vue.js] 싱글 파일 컴포넌트 체계

싱글 파일 컴포넌트 체계란 .vue파일로 프로젝트 구조를 구조를 구성하는 방식.

확장자 .vue파일은 뷰 애플리케이션을 구성하는 1개의 컴포넌트와 동일

.vue 파일은 아래와 같은 구조를 가짐.

<template>
	<!-- HTML 태그 내용 -->
    <!-- 화면에 표시할 요소들을 정의하는 영역-->
</template>

<script>
export default {
    // 자바스크립트 내용
    // 뷰 컴포넌트 내용을 정의하는 영역
}
</script>

<style>
    /*CSS 스타일 내용*/
    /*템플ㄷ릿에 추가한 HTML 태그의 CSS 스타일을 정의하는 영역*/
</style>