Vue компоненттун түзүлүшү

Ар бир компонент төмөнкү эки тегден турушу керек:

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

template тегинде биздин компоненттин көрүнүшү болгон верстканы жазабыз:

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

Ал эми script тегинде биздин компоненттин JavaScript коду жазылат. Бул код файлдан экспорттолуучу объект болуп көрсөтүлүшү керек:

<script>
	export default {
		
	}
</script>

Экспорттолуучу объектте компоненттин ар кандай жөндөөлөрү жана функциялары көрсөтүлөт. Бул жөндөөлөрдүн бири - компоненттин аты:

export default {
	name: 'App',
}

Компонентиңиздин template тегинде кайсыдыр бир текстти тегдер менен чыгарыңыз.