Vue компонентінің құрылымы

Әрбір компонент келесі екі тегтен турады:

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

template тегінде біз верстканы, яғни компонентіміздің көрінісін жазамыз:

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

Ал script тегінде компонентіміздің JavaScript кодын жазамыз. Бұл код компонент файлынан экспортталатын объект болуы керек:

<script>
	export default {
		
	}
</script>

Экспортталатын объектте компоненттің әртүрлі баптаулары мен функциялары көрсетіледі. Баптаулардың бірі - бұл компоненттің аты:

export default {
	name: 'App',
}

template тегінде компонентіңіздің қандай да бір мәтінін тегтермен шығарыңыз.