Vue 컴포넌트 구조

각 컴포넌트는 다음 두 가지 태그로 구성되어야 합니다:

<script>
	
</script>
<template>
	
</template>

template 태그 안에는 마크업, 즉 컴포넌트의 뷰(view)를 작성합니다:

<template>
	<div>
		Hello World
	</div>
</template>

script 태그 안에는 컴포넌트의 JavaScript 코드를 작성합니다. 이 코드는 컴포넌트 파일에서 내보내질 객체여야 합니다:

<script>
	export default {
		
	}
</script>

내보내는 객체에는 컴포넌트의 다양한 설정과 함수들이 지정됩니다. 설정 중 하나는 이 컴포넌트의 이름입니다:

export default {
	name: 'App',
}

컴포넌트의 template 태그 안에 태그가 있는 어떤 텍스트라도 출력해 보세요.