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

Ҳар бир компонент куйидаги икки тегдан ташкил топган бўлиши керак:

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

template тегида биз вёрсткани, яъни компонентимизнинг кўриниши ни ёзамиз:

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

script тегида эса компонентимизнинг JavaScript кодини ёзамиз. Бу код бизнинг компонент файлимиздан экспорт қилинадиган объектдан иборат бўлиши керак:

<script>
	export default {
		
	}
</script>

Экспорт қилинадиган объектда компонентнинг турли созламалари ва функциялари кўрсатилади. Улардан бири бу компонентнинг номи дир:

export default {
	name: 'App',
}

template тегидаги компонентингизда бирор матнни теглар билан чиқаринг.